IE7 Bug: CSS background hidden, shows on hover

Question

I'm having a weird problem in IE7, the CSS background image (bullet) on some <li>'s are hidden and visible on others. When I hover over them though, they become visible.

I tried adding position:relative on li but it didn't help. How do fix this?

Screenshot:

Thanks!

Answer 1

One reason may be that you use list-style-image or list-style property on the li instead of the ul.

Answer 2

Position is Everything have a similar sounding issue listed, called the Disappearing List-Background Bug.

I noticed they applied position:relative; to the <ul> not the <li> as you've done. Give that a shot?