hover doet bolletje en daarna pas tekst rood

[damnsharp]

Hoi,
Bij mijn hoofdmenu gaat de hover niet goed.
Als ik met de muis over hoofdmenu item ga wordt de tekst en het bolletje rood.
Maar als ik met de muis eerst over het bolletje ga dan wordt alleen het bolletje rood.
Ik weet niet hoe ik de code hiervoor moet aanpassen, ik vermoed dat het niet ingewikkeld is maar het kwartje valt niet

Zie hier: test site

CSS code:

#nav li:hover { 
	background: url("images/navigation-bullet-hover.png") no-repeat scroll left 8px transparent;
	} /* hover kleur menu items tekstkleur rood */

#nav li a:hover { 
	color: #e2001a; 
}

Bedankt!

 

[NewbiProgrammer]

Kijk hier eens naar: http://stackoverflow.com/questions/1462360/css-hover-one-element-effect-for-multiple-elements

Misschien werkt het volgende:

#nav li:hover { 
	background: url("images/navigation-bullet-hover.png") no-repeat scroll left 8px transparent;
	} /* hover kleur menu items tekstkleur rood */

#nav li:hover a { 
	color: #e2001a; 
}

 

[damnsharp]

Yes, dat is hem! Dank je @NewbiProgrammer :thumb: