The CSS hover-pseudoelement doesn't work on elements that are shown with an onmouseover-event in Safari
Test page Workaround is not included
Reported by: Anja Gustafsson.
Safari | Reported on 18 December 2006.
This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.
Search reports by browser:
2 Posted by Ciuin on 12 February 2007 | Permalink
Anja's example uses "display: block/none" to toggle the menues.
There are two workarounds for Safari:
(1) Include the onmouseover in each a-tag, as well.
(2) Simply use "visibility: visible/hidden" instead of "display: block/none". This will also get rid of the menue flickering in Netscape 7 when you hover the a-tags.
1 Posted by David Kilzer on 23 December 2006 | Permalink
Fixed as of WebKit r18401.
http://bugs.webkit.org/show_bug.cgi?id=9610#c10