IE6 rending UL's incorrectly

Question

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.

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

Answer 1

try giving it hasLayout with

zoom: 1

Answer 2

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;
}