questão flutuador IE8 com CSS

Question

Estou certo de que este deve ter sido coberto antes porque eu tenho certeza que não sou o primeiro a fazer isso, mas não consigo encontrar a resposta. Estou criando um efeito de sombra para uma <div> usando imagens repetidas fundo. Na parte inferior dois cantos eu uso imagens pequenas 9x5 px. I flutuar-los esquerda e direita e no Firefox e Safari eles parecem perfeitos. No IE8 (e possivelmente outros IEs) eles flutuam muito longe para a esquerda e direita sobre sobre 3px.

Você pode ver a questão em aqui. É um modelo de ebay para minha esposa.

tela de configuração Até agora eu tentei: inline que era uma correção para um problemas IE6 semelhantes. Eu também tentei definir margens de imagem e estofo para 0px sem sorte.

Todas as idéias?

Obrigado, Carraig

Answer 1

enquanto navegando em sua página descobri que ele é inadimplente em quirks mode, que é a questão provável, porque se eu forçá-lo em estrita parece resolver o problema flutuando em todos os casos de IE.

ter uma leitura do artigo de ppk aqui: http://www.quirksmode.org/css/quirksmode.html

Ele explica por que seu acontecimento e como corrigi-lo:)

Espero que ajude!

Answer 2

Eu acho que tem algo a ver com os elementos flutuador ficar fora das fronteiras da div, tente inserir isso antes de você fechar o pai div:

<div style="clear: both; font-size: 1px; line-height: 0px;"> &nbsp;</div>