CSS Menu a:hover Hakkında

Merhaba arkadaşlar

Bir css menüm var ve ben buna her li için ayrı a:hover rengi tanımlamak istiyorum.
Bunu nasıl yapabilirim ? Kullandığım kodlar aşağıdadır.

Teşekkürler

Css Kodları

#menu { width:715px; font-family: Arial, sans-serif; font-weight: bold; margin:auto; padding: 0; list-style-type: none; font-size: 13px; height: 40px;}
#menu li {float: left;	margin: 0; padding-right:3px;}
#menu li a {text-decoration: none; display: block; padding: 0 20px; line-height: 40px; color: #fff; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; background-color:#ccc;}
#menu li a:hover, #menu li.active a {color: #fff;}
.menu1 li a:hover{background-color:#fc0000;}

Html kodları

<ul id="menu">
	<li><a href="#">Ana Sayfa</a></li>
	<li><a href="#">Hakkımızda</a></li>
	<li><a href="#">Hizmetlerimiz</a></li>
        <li><a href="#">Araç Filomuz</a></li>
        <li><a href="#">Referanslarımız</a></li>
	<li><a href="#">İletişim</a></li>
</ul>

her li tagına ayrı bir class tanımlaman gerek...

bunu biliyorum da bir örnekli anlatım var mıdır acaba ?

Her li tag için ayrı bir id veya class tanımlaman gerekli. Örnek olarak:

HTML:

<ul id="menu">
	<li class="menu1"><a href="#">Ana Sayfa</a></li>
	<li class="menu2"><a href="#">Hakkımızda</a></li>
	<li class="menu3"><a href="#">Hizmetlerimiz</a></li>
        <li class="menu4"><a href="#">Araç Filomuz</a></li>
        <li class="menu5"><a href="#">Referanslarımız</a></li>
	<li class="menu6"><a href="#">İletişim</a></li>
</ul>

CSS:

.menu1 a:hover {color: #22229C;}
.menu2 a:hover {color: #22229C;}
.menu3 a:hover {color: #22229C;}
.menu4 a:hover {color: #22229C;}
.menu5 a:hover {color: #22229C;}
.menu6 a:hover {color: #22229C;}

gibi. Kolay gelsin

teşekkkür ederim.. gayet ii oldu..

li için değil de a.item1:hover olarakta yapabilirsin. yani a için class atayıp ona hover yapabilirsin.