Rollover lassen

[Flo2oo8]

Hi!
Ich hab ein schickes Template gefunden, und wollte damit ein wenig was machen.

Stylish by SeanPollock

In der weissen Leiste (home, about, service, ...) gibts diesen Rollover effekt.

Wie kann ich einstellen, dass der erste Button so bleibt mit dem rollover image?

Ich hab alles ausprobiert, schaff das aber nicht.

Hoffe jemand hilft mir weiter.

 

[prm]

Link der geöffneten Seite hervorheben

 

[Flo2oo8]

Genau so habe ich es auch versucht...

html

<ul id="nav">
            <li id="nav li a:hover"><a href="#" title="home">home</a></li>

            <li><a href="#" title="programs">programs</a></li>
  </ul>

css

#nav {
    background-image:url(images/nav.png);
    background-repeat:no-repeat;
    height:45px;
    width:755px;
    float:right;
    margin-top:9px;
    list-style:none;

}

    #nav li {
        float:left;
        
    }

        #nav li a {
            display:block;
            background-image:url(images/rollover.png);
            background-repeat:no-repeat;
            width:93px;
            height:45px;
            line-height:45px;
            text-align:center;
            text-decoration:none;
            color:#1e1e1e;
        }

                #nav li a:hover {
                    background:url(images/rollover.png) no-repeat 0 -45px;
                    color:#fb4e00;
                    text-decoration:none;
                }

Aber egal was ich mache, ich finde meinen Fehler nicht...