2 fundos em uma div

[rafaelcxc 0]

Bom dia,

estou tentando colocar dois fundos na página e em uma div, o codigo do estilo do fundo é

 

body{
min-width:1000px;
margin:0;
color:#333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url('./corpo/fundo_lat_esq.png') repeat-y scroll left, 
url('./corpo/fundo_lat_dir.png') repeat-y scroll right;
}

 

acontece que no Chrome, Firefox e no IE9 funciona perfeitamente, já no ie8 não funciona o código, fica repetindo um dos fundos

 

o mesmo acontece ao colocar um fundo para não repetir em uma div, o codgo é:

 

.div_bg{
background:url('corpo/listagem_fundo.png') repeat-x bottom;
border:1px #dbdbdb solid;
width:690px;
margin:10px 0 0 10px;
float:left;
display:table;
}

 

Neste segundo, o fundo fica repetindo no ie8, nos outros navegadores fica ok

 

Agradeço por qualquer ajuda ou opinião

[Giovani 104]

Pode postar um link com o que você já tem?

[rafaelcxc 0]

ta aí a página que estou desenvolvendo, todos anuncios são de testes

 

www.iminas.com/site

[Giovani 104]

rafaelcxc, você não precisa daquelas duas imagens, basta um com o degrade indo para o centro e esta repetindo no eixo y.

 

Outra dica, olhando seu código por cima, já lhe adianto que tem muito coisa ali que pode ser melhorada. Você tá usando as divs como se elas fossem tabelas, isso não é correto.