Hide horizontal scrollbar

[ragnis12]

I have a problem with the horizontal scrollbar.I don't want it to show up. Actually it only shows up in Chrome and it doesn't in Internet Explorer.What can I do? I have tried modifying width and padding in the css class, but this changes the layout as well. The content inside test is dynamic so it can overflow vertically, and this is fine because I only don't want horizontal scrollbar.HTML:\[code\]<div class="test"> <table> <tr> <td>test</td> </tr> </table></div>\[/code\]CSS:\[code\].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}\[/code\]here is a fiddle if you need it: http://jsfiddle.net/XLY9L/Thanks