Barre de défilement horizontale apparaît uniquement dans IE7, même avec overflow:hidden être ensemble

Je suis cogner ma tête sur celui-ci.

J'ai une fâcheuse barre de défilement horizontale qui apparaît uniquement lorsque vous naviguez sur mon site dans IE7:
http://www.regia.it

J'ai essayé et essayé d'arrêter ce phénomène en utilisant overflow:hidden sur mon divs, mais pour une raison que je n'arrive pas à trouver ce qui est à l'origine du problème.

Toute aide est grandement appréciée.

Testé avec IE8 en mode de compatibilité, pas de barre de défilement ici. La seule chose de mal, j'ai vu était le menu, qui était verticale au lieu d'horizontale. Pouvez-vous poster une capture d'écran?
Jetez un oeil à cette DONC, la Question: stackoverflow.com/questions/2941172/...
Voici une capture d'écran dans IE7:dl.dropbox.com/u/2899749/screen.png
J'ai été essayer la overflow-x: hidden bien sur la balise body, sans succès.

OriginalL'auteur Milksamsa | 2011-09-15

  1. 7

    C'est étrange. Je suis en supposant que vous n'avez pas l'esprit si la page n'est pas défilement horizontal, même sur de petits écrans, puisque vous avez essayé d'utiliser:

    body{overflow-x: hidden;}

    Auquel cas si vous l'appliquez à html plutôt que body il devrait faire l'affaire:

    html{overflow-x: hidden;}

    Je ne le veulent pas vraiment à mettre en œuvre ce à long terme, mais si vous êtes à la recherche d'une solution rapide cela devrait être ok à titre de mesure temporaire jusqu'à ce que vous puissiez travailler sur ce qui ne va pas. Je voudrais également mettre dans un commentaire conditionnel pour ne pas gâcher l'expérience pour la majorité des gens sur les navigateurs modernes.

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

    EDIT : j'ai trouvé la cause du problème, donc il n'est pas nécessaire d'utiliser la solution de contournement ci-dessus. Comme je l'avais soupçonné le problème était lié à l'absolu et le positionnement relatif.

    Vous avez juste besoin de supprimer position:relative de .grid_2 et .grid_12 et la barre de défilement disparaîtra.

    Merci. C'est ce que j'ai précisément fait juste un couple de minutes avant votre réponse et n'a corriger le bug. Comme vous l'avez dit je l'aurais espéré une meilleure solution, mais cela va faire! Je vous remercie.
    Heureux je pouvais l'aider et heureux que vous ne pas avoir à utiliser la réduction de la convivialité solution de contournement.
    +1 pour le modifier sur position:relative -- qui a des nouvelles de moi et m'a sauvé un peu la difficulté. Je pense vraiment que c'est la solution ultime -- masquage de dépassement de la fait disparaître, même lorsqu'il peut être nécessaire!

    OriginalL'auteur tw16

  2. 1

    Je suis tombé sur cette question épineuse. J'ai eu un tableau dans un div, et ceux-ci étaient à l'intérieur d'un div extérieure. Quand j'ai enlevé le style à faire l'intérieur div width:100%, mon IE7 seulement " de la barre de défilement de la situation disparu.

    J'espère que c'est un peu utile.

    OriginalL'auteur Michael