Bug do Internet Explorer 6 (IE6) – fundo desaparecendo em listas
Mar.12, 2009 em
CSS
Esse bug acontece com o Internet Explorer 6 quando colocamos uma lista, ordenada, não ordenada ou de definição, dentro de uma DIV que tenha sido flutuada (left ou right) e ainda que tenha declarada position:relative nela.
O Código para representar o bug:
HTML:
<div id="listas"> <ul> <li>Primeiro item</li> <li>Segundo item</li> <li>Terceiro item</li> <li>Quarto item</li> </ul> </div>
CSS:
#listas {
float: left;
position: relative;
}
Veja a renderização correta no Firefox e o bug no Internet Explorer 6

Bug do fundo desaparecendo em listas
A solução para sair do bug é simples, basta declarar a regra abaixo para as listas que apresentarem o bug.
#listas ul{position:relative;}


Deixe uma Resposta