IE and Firefox support two CSS properties called overflow-x and overflow-y, they are identical to the overflow property but provide control of overflow for the x and y axis seperatly.
Code:
<head>
<style type='text/css'>
body, html {
margin: 0;
padding: 0;
height: 100%;
}
div#wrapper {
height: 100%;
overflow: hidden;
overflow-x: auto;
}
</style>
</head>
<body>
<div id='wrapper'>
</div>
</body>
</html>
Beyond that, if cross-browser compatibility is important, your only option is to keep the height of the content smaller than the vertical boundaries (i.e. no vertical overflow), and set the value of the overflow property to "auto", and you'll get a horizontal scroll bar and no vertical scroll bar.
Regards,
Rich
--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results
http://www.catb.org/~esr/faqs/smart-questions.html
