auf Kriegsfuss mit Menü-CSS

[mavc]

Hallo!
Bin völlig irritiert....
Ich habe ein horizontales und ein vertikales Menü entworfen, aber bei beiden funktioniert die Klasse .current nicht. Was stört am CSS? Ich finde den Fehler einfach nicht.
Hier das CSS:

#vertical_menu{
    float: left;
    width: 210px;
}

#vertical_menu li, #vertical_menu li.current {
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0.25em;
    font-weight: bold;
    font-size: 14px;
    
}
#vertical_menu li a:link {color: #00726c; 
    text-decoration: none; list-style: none;}
#vertical_menu li a:active {color: #d5d5d5;
    text-decoration: none; list-style: none; }
#vertical_menu li a:hover {color: #999;
    text-decoration: none; list-style: none;}
#vertical_menu li a:visited {color: #00726c;
    text-decoration: none; list-style: none;}

#vertical_menu li.current a:link {color: #d5d5d5;
    text-decoration: none;list-style: none;}
#vertical_menu li.current a:active {color: #d5d5d5;
    text-decoration: none; list-style: none;}
#vertical_menu li.current a:visited {color: #00726c;
    text-decoration: none; list-style: none;}

    
#horizontal_menu{
    width: 500px;
    float: left;
}

#horizontal_menu li, #horizontal_menu li.current {
    font: bold 14px Verdana, sans-serif;
    list-style: none;
    display: inline;
    padding-right: 5px;
}

#horizontal_menu li a:link { background: #d5d5d5;color: #00726c;text-decoration: none; }
#horizontal_menu li a:visited { background: #d5d5d5;color: #00726c;text-decoration: none;} 

#horizontal_menu li a:hover { color: #00726c; background: #999;
text-decoration: none;}


#horizontal_menu li.current a:link { background: #00726c;
color: #FFF; text-decoration: none;}

#horizontal_menu li.current a:active { background: #00726c;
color: #FFF; text-decoration: none;}

#horizontal_menu li.current a:visited { background: #00726c;
color: #FFF; text-decoration: none;}

Hier die html-Version:

 <div id="vertical_menu">
  <ul>
       <li class ="current"><a href="#">Item one</a></li>
    <li ><a href="#">Item two</a></li>
    <li ><a href="#">Item three</a></li>
    <li ><a href="#">Item four</a></li>
    <li ><a href="#">Item five</a></li>
    </ul></div>
  <div id="horizontal_menu">
  <ul>
<li class="current"><a href="#">Item one</a></li>
<li ><a href="#">Item two</a></li>
<li ><a href="#">Item three</a></li>
<li ><a href="#">Item four</a></li>
<li ><a href="#">Item five</a></li>
</ul></div>

Die ganze Ansicht findet man unter: Unbenanntes Dokument

Kann mir jemand einen Tipp geben?
Danke!
mavc

 

[Trüffelkrieger]

Die current Klasse muss der a-Tag bekommen, da du ja auch Schrifteigenschaften vergibst. Mit denen kann ein li Tag nicht viel anfangen und vererbt auch nix auf einen Link weiter.

 

[mavc]

Danke, das wars!!!
Gruß
mavc