hover элементы в <li>

[uchenik12345]

Почему творится фигня? Миллион раз делал, вроде работало, а тут нет:

<div id="submenu">
	<ul>
		<li><a href="#">Link1</a></li>
		<li class="active"><a >Link2</a></li>
		<li><a href="#">Link3</a></li>
		<li><a href="#">Link4</a></li>
		<li class="last"><a href="#">Link5</a></li>
	</ul>
	<div class="clear"></div>
</div>

css:

#submenu {border-bottom:1px solid #d6d6d6; padding:19px 0 19px 13px;}
#submenu ul{float:left; margin:0; padding:0;}
#submenu li {float:left; list-style:none; border-right:1px solid #d6d6d6; line-height:12px; margin:0 11px 0 0; padding:0 11px 0 0;}
#submenu li.last {border-right:none; margin:0;}
#submenu a {color:#8a8a8a;}
#submenu a:hover {color:#ff8d4f;}
#sumbenu li.active a, #sumbenu li.active a:hover {font-weight:bold; color:#8a8a8a;}

li.active стиль не цепляет хоть тресни. И с <а>, и без <а> и хоть как.

Добавлено через 2 часа 8 минут
Разобрался ))
#submenu != #sumbenu.
Опечатка, а искал минут 30...