La barra de desplazamiento horizontal solo aparece en IE7, incluso con desbordamiento: oculto establecido

Question

Me estoy golpeando la cabeza con este.

que tienen una barra de desplazamiento horizontal perturbador que aparece sólo cuando se navega por un sitio en Internet Explorer 7:
http://www.regia.it

me han tratado y tratado de evitar que esto suceda mediante el uso de overflow:hidden en mis div s pero por alguna razón Solo Parece que no puede encontrar lo que está causando el problema.

Cualquier ayuda es muy apreciada.

Answer 1

Esto parece extraño. Estoy asumiendo que no le importa si la página no es desplazable horizontalmente, incluso en pantallas pequeñas, puesto que usted ha intentado utilizar:

body{overflow-x: hidden;} 

En cuyo caso, si se aplica a html en lugar de body debería hacer lo truco:

html{overflow-x: hidden;} 

realmente no quisiera poner en práctica este largo plazo, pero si usted está buscando una solución rápida esto debe estar bien como una medida temporal hasta que pueda trabajar en lo que va mal. También lo pondría en un comentario condicional para no arruinar la experiencia de la mayoría de las personas en los navegadores modernos.

<!--[if IE 7]> 
    Link to alternate style sheet 
    OR 
    <style> /*CSS in here*/ </style> 
<![endif]--> 

EDIT: he encontrado la causa del problema, lo que no hay necesidad de utilizar la solución anterior. Como sospechaba, el problema estaba relacionado con el posicionamiento absoluto y relativo.

Solo necesita eliminar position:relative de .grid_2 y .grid_12 y la barra de desplazamiento desaparecerá.

Answer 2

Me encontré con este problema también. Tenía una mesa en un div, y estos estaban dentro de un div externo. Cuando eliminé el estilo para hacer el ancho del div interno: 100%, desapareció mi situación de barra de desplazamiento 'IE7 solamente'.

Esperemos que sea de alguna ayuda.