Opera-only bug: CSS hover menus leftover repaint bug - workaround?

Question

This bug happens only in Opera and in the newest, as well as older, versions. Would appreciate some sort of workaround it.

To reproduce

1. Go to http://colnect.com/en/forum/index!

2. Hover over the "Categories" button on the top left of the screen.

3. See the "leftovers" from the bottom of the menu (as in attached picture).

This does NOT happen on IE/Chrome/FireFox.

Any ideas?

Answer 1

You can try this to resolve this problem...

Add the below css:

ul#top li#categories{position:relative;}

ul#top li ul{top:20px;}

It works perfectly in all browsers including Opera.