views:

464

answers:

5

Sometimes IE6 will render the text of a UL list the same color as the background color, if you select it, they show back up, or if you scroll the page up and back down.

Its obviously a rendering bug, but I was wondering if anyone knows of a workaround to make it reliable?

A: 

Have you tried explicitly setting a line-height? For some reason this seems to be the solution to a great many IE6 rendering bugs!

e.g.

.mylist {
    line-height: 1.6em;
}
ConroyP
A: 

Do you have an example of this problem? I imagine there is something else on the page or some script that is causing the inconsistent behaviour...

Chris Marasti-Georg
A: 

Do you have an example of this problem? I imagine there is something else on the page or some script that is causing the inconsistent behaviour...

Doubtful, the problem goes away if I minimize and then restore the browser, causing it to repaint..Its obviously a bug.

The problem is simply a UL inside of a <div> with a handful of <li>...The style applied to the UL is simply:

font-size: 10px;

Have you tried explicitly setting a line-height? For some reason this seems to be the solution to a great many IE6 rendering bugs!

Trying that now.

FlySwat
+1  A: 

try giving it hasLayout with

zoom: 1
Jimmy
A: 

try giving it hasLayout with

This partially worked, the text now appears, however the bullets still disappear at random.

FlySwat