Css hacks removing the horizontal scroll bar

Sometimes when you've coded up your website in CSS no matter what width fixes you try you'll still see that horrible horizontal scrollbar on your website's pages. Although it is harmless and doesn't effect how your site displays (For the most part) im taking about something like this:

In this text box you will see a scroll bar going across below. It is not being used so it's not really needed! <br/> </div> <br/> <div class="hr"></div> <div style="float:right;margin-right:9px;"> <p> <input type="button" onclick="javascript: print(document);" class="butenter" value="Print this page" /> </p> </div> <div class="clear"></div> </div> </div> </div> <div class="box" id="nav"> </div> <div class="box" id="sidebar" > </div> </div> <div id="header"> <div id="logo"><a href="/"><img border="0" src="/images/logo.gif" alt="Web Design Library" /></a></div> <div id="header-bottom"></div> </body> </html>