dvojite id

Dobrý den,
mám problém s menu. Mám nastylované záložkové menu pomocí css a aby byla záložka "aktivní", mám pro ni přiřazený identifikátor. Jenže tento identifikátor je zanořený již v jiném identifikátoru, takže se mi v exploreru celý layout rozsype¨

html:

<div id="menu">
<ul>
<div id="active"><li><a href="index.html">Úvod</a></li></div>
<li><a href="louka.html">Louka</a></li>
<li><a href="les.html">Les</a></li>
<li><a href="rybnik.html">Rybník</a></li>
<li><a href="savana.html">Savana</a></li>
<li><a href="pouste.html">Pouště</a></li>
<li><a href="tropicky_destny_les.html">Tropický deštný les</a></li>
<li><a href="koralove_utesy.html">Korálové útesy</a></li>
</ul>
</div>

css:

#menu {width:722px; height: 29px; float:left; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-left: 26px;}
#menu ul {margin: 0px; padding: 0px;}
#menu li {float:left; position:relative; list-style-type:none;}
#menu li:hover {background-color: #6b8e23;}
#menu a {display:block; text-decoration:none; color: #6b8e23; padding: 7px 11px 4px 11px;}
#menu a:hover {color: #ffffff;}
#active li {background-color: #6b8e23;}
#active a {color: #ffffff;}

to id="active" je tam proto, protože při použití třídy to nedokáže přebít přednastavený parametr #menu a {display:block; text-decoration:none; color: #6b8e23; padding: 7px 11px 4px 11px;}.

Nedá se to udělat nějak jinak, než že bych musel dát každému normálnímu odkazu zvláštní trídu, v ní nastylovat vše, a pak jen s drobnými úpravami udělat to samé pro aktivní odkaz?

Díky.