tags:

views:

1668

answers:

4

This is the site which has a problem

http://www.clubforeducation.com/

Top menu will change its color at mouse over. All browsers except chrome and Safari. Is it a Webkit bug. If that how can i solve this?

+1  A: 

Seems like a webkit hover behavior thingy.

Check this out:
CSS Hover + Element crashing in webkit (Chrome, Safari)

Changing/ the selector from

.menu_center ul li a:hover

to

.menu_center ul li:hover a

Or combining both:

.menu_center ul li a:hover,
.menu_center ul li:hover a 
{ .... }

works for me.

o.k.w
Thank you, but problem in IE6
RSK
You can combine both, see my editing post.
o.k.w
Yes its works Thank you
RSK
+1  A: 

I find setting display:block on the <a> works. I don't recommend li:hover because it doesn't work in IE6

jarrett
Thank you it works
RSK
A: 

Yes, I had the same problem but once I added the second version of the selector that your recommend, voila! Thanks for a lot

Justin Racoe
A: 

Thanks! It worked

Sunny