problem mit css menü

[lolhonk]

Huhu,

folgendes Menü habe ich erstellt:

Code: Alles auswählen

<nav id="topNav">
           <ul>
               <li><a href="www.der-skeptiker.de/front" class="[color=#BF0000]currentpage[/color]">Home</a></li>
                <li><a href="#" title="Nav Link 1">Nav Link 2</a>
                   <ul>
                       <li><a href="#" title="Sub Nav Link 1">Sub Nav Link 1</a></li>
                        <li><a href="#" title="Sub Nav Link 2">Sub Nav Link 2</a></li>
                        <li><a href="#" title="Sub Nav Link 3">Sub Nav Link 3</a></li>
                        <li><a href="#" title="Sub Nav Link 4">Sub Nav Link 4</a></li>
                        <li class="last"><a href="#" title="Sub Nav Link 5">Sub Nav Link 5</a></li>
                    </ul>       
                </li>
              <li><a href="#" title="Nav Link 1">Nav Link 3</a></li>
              <li><a href="#" title="Nav Link 1">Nav Link 4</a></li>
              <li class="last"><a href="#" title="Nav Link 1">Nav Link 5</a></li>
          </ul>
        </nav>

und folgende .css:

Code: Alles auswählen

/* base nav styles */
nav { display:block; margin:0 auto 20px; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Sans-serif; }
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }
nav li a.current { color:white; }
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#6a6a6a; }
nav ul ul li { float:none; }
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }
nav ul ul a:hover { background-color:#555; }
nav ul ul  { background-color:#555; }
[color=#BF0000]nav ul li a.currentpage { color:white; }[/color]


wenn ich jetzt meine "startseite" aufrufe, ist der "Home-Button" des Menüs auch weiß, leider bleibt er es aber, wenn ich auf eine andere Seite wechsel immer noch....

was läfut da falsch? :(

[lolhonk]

ich wollte mit "..........." die relevanten codestellen markieren, ging leider schief!

[lolhonk]

mit ]color=#BF0000]............[/color[

sorry, wieso kann ich meine beträge hier nicht bearbeiten?????