Li tagı içinde yazı hover özelliği?

Öncelikle Merhaba Arkadaşlar

aşağıda gördüğünüz gibi divin içine geldiğimde yazı hala beyaz


yazının üstüne gelidğinde a ya hover özelliği verdiğim için mavi oluyor. benim yapmak istediğim. divin üstüne geldiğinde yazı mavi olsun. bir türlü çözemedim yardımlarınızı bekliyorum.


kullandığım html dizilimi

<div class="Menuic">
                    	<div class="MenuicSol"></div>
                        <div class="MenuicOrta"><a href="index.html">Anasayfa</a></div>
                        <div class="MenuicSag"></div>
                    </div>

ve css dizilimi

.Menuic { width:auto; height:29px; float:left; margin:10px -30px 0px 40px; }

.MenuicSol { width:35px; height:52px; float:left;}

.MenuicSag { width:18px; height:52px; float:left; }

.MenuicOrta { width:auto; height:52px; float:left; padding-top:15px; font-size:14px; font-family:'Myraid Pro'; font-weight:bold;}

.MenuicOrta a { color:#FFF; text-decoration:none;}

.MenuicOrta a:hover { color:#0d9ee1; text-decoration:none;}

.Menuic:hover .MenuicSag { background-image:url(../resim/MenuHoverSag.png); background-repeat:no-repeat; }

.Menuic:hover .MenuicSol {  background-image:url(../resim/MenuHoverSol.png); background-repeat:no-repeat; }

.Menuic:hover .MenuicOrta {  background-image:url(../resim/MenuHoverOrta.png); background-repeat:repeat-x; }

kısaca özetlim fare divin üzerine geldiğinde yazının renginin değişmesini istiyorum ama yapamıyorum

Aşagıdaki css'yi denermisiniz ?

.Menuic { width:auto; height:29px; float:left; margin:10px -30px 
0px 40px; }

.MenuicSol { width:35px; height:52px; float:left;}

.MenuicSag { width:18px; height:52px; float:left; }

.MenuicOrta { width:auto; height:52px; float:left; padding-top:15px; 
font-size:14px; font-family:'Myraid Pro'; font-weight:bold;}

.MenuicOrta a { color:#FFF; text-decoration:none;}

.MenuicOrta a:hover { color:#000; text-decoration:none;}

.Menuic:hover .MenuicSag { 
background-image:url(../resim/MenuHoverSag.png); 
background-repeat:no-repeat; }

.Menuic:hover .MenuicSol {  
background-image:url(../resim/MenuHoverSol.png); 
background-repeat:no-repeat; }

.Menuic:hover .MenuicOrta {  
background-image:url(../resim/MenuHoverOrta.png); 
background-repeat:repeat-x; }

hocam fark olmadı. renkler değişti okadar...

Resimler uçmuş hocam

Sorun çözüldü arkadaş div olarak kodladığım menuyu li tagları kulllandık kodları en kısa zamanda yükleyeceğim. teşekkür ederim

li ve ul taglarını verirken çift class verirseniz tarayıcılar en son eklenen classı okuyabilirler.Buda tarayıcıdan tarayıcıya fark ettirebilir.Aklınızda bulunsun.