Masquer la barre de défilement horizontale

J'ai un problème avec la barre de défilement horizontale.
Je ne veux pas qu'il s'affiche. En fait il ne s'affiche que dans google Chrome, et il n'est pas dans Internet Explorer.
Que puis-je faire? J'ai essayé de modifier la largeur et le rembourrage dans la classe css, mais cela change la mise en page. Le contenu à l'intérieur de test est dynamique, donc il risque de déborder à la verticale, et c'est très bien parce que je ne veux pas de barre de défilement horizontale.

HTML:

<div class="test">
    <table>
        <tr>
            <td>test</td>
        </tr>
    </table>
</div>

CSS:

.test {
    BORDER-TOP: #7F9DB9 1px solid;
    BORDER-RIGHT: #7F9DB9 1px solid;
    BORDER-LEFT: #7F9DB9 1px solid;
    BORDER-BOTTOM: #7F9DB9 1px solid;
    WIDTH: 100%;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #ffffff
}

ici est un violon si vous en avez besoin: http://jsfiddle.net/XLY9L/

Grâce

S'il vous plaît changer la question du titre, comme il ne l'exprime pas votre problème.

OriginalL'auteur Gyonder | 2013-04-03