José Carlos Web Designer | Freelancer

Mais um bug de renderização do IE 6

Hoje estava montando um site aqui na agência e deparei com um bug muito louco do IE. Supondo o html abaixo:

<div id="principal">
<div id="colEsq"></div>
<div id="colDir"></div>
</div>

E o CSS abaixo:

div#principal{width:775px; background-color:#FFFFFF; margin:0 auto;}
div#colEsq{width:165px; float:left; display:inline;}
div#colDir{width:610px; float:left; display:inline;
background-color:#f4f2e9;}

No firefox apresentou do jeito que eu queria, uma coluna transparente do lado esquerdo e uma marrom do lado direito, no IE ele jogava a coluna direita para baixo, após algumas tentativas coloquei um background vermelho apenas para localização na coluna esquerda, quando dei um F5, estava lá tudo posicionado certinho, quer dizer por causa do background ele quebrou.

Fica aí pra quem tiver algum problema parecido…