[Resolvido] Overflow x IE7-

[XauDH 0]

Boa noite,

 

Meu problema é o seguinte, eu tenho uma div (linha preta na img) com outras divs dentro, todas alinhadas

na horizontal(quadrados azuis na img). No IE8 e outros navegadores, as divs que ultrapassam os limites

da div principal, ficam ocultas, porém, no IE7 e versões inferiores não.

 

 

#content { /* Div com linha preta na img */

background:url('../images/bg-content.jpg') no-repeat;

width:770px;

height:460px;

padding:15px;

margin:0 auto;

margin-top:10px;

overflow:hidden;

}

#content .page { /* Divs azuis na img */

width:770px;

height:460px;

margin:0 20px 0 0;

overflow:auto;

}

 

Com JavaScript, fiz uma animação pra trocar de conteudo e, por alguns motivos opitei pro definir o margin-left

nele.

 

Se alguém puder me dar uma dica de como solucionar esse problema eu fico feliz. =D

 

Desde já obrigado

[XauDH 0]

[Duplicando post pq não pude editar o enterior]

 

Procurando no google pela 1009ª vez, pq sempre achava uma solução pra um problema diferente do meu.... achei a solução.

 

Apenas adicionei position:relative pra minha div "content" e o problema foi solucionado.