Navigations Meny med Google Chrome

Hej ajg har en vertikal navigations meny som fungerar utmärkt i IE och Firefox men när jag testar webbsidan i Chrome så funkar inte hovring effekten. Bakgrunden blir vit istället för att visa hovringsknappen som visas i IE och Firefox
Varför är det så?

Min kod:

.menu {margin:0; padding:0; width:150px; list-style:none;background:rgb(255,255,255);}

.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 25px; font:14px Verdana, Arial, Helvetica, sans-serif; color:rgb(0,0,0); display:block; background:url('image/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}

.menu li a:hover{background:url('image/verMenuImages.png') 0px -40px no-repeat; color:rgb(223,32,32);}

.menu li a.active:hover{background:url('image/verMenuImages.png') 0px -80px no-repeat; color:rgb(0,0,0);}

.menu li a.active{background:url('image/verMenuImages.png') 0px -80px no-repeat; color:rgb(0,0,0);}

.menu li a span{line-height:40px;}

Beror kanske på att du har negativa placeringar på dem. Tror inte Chrome gillar det.

http://www.daniweb.com/forums/thread224858.html

Hmm stödjer inte Chrom CSS 2?

http://www.w3.org/TR/CSS2/colors.html

du kan ju testa lite snabbt för att se om det är det.

jag satt o försökte lista ut vad det var som var fel.. men nästa gång jag testade menyn i chrome, utan att göra några ändringar, så funkade det utan några som helst problem.. måste varit något tillfälligt fel men nu funkar det iaf!