<p>I have a div container and have defined its style as follows:</p>

<pre><code>div#tbl-container 
{
    width: 600px;   
    overflow: auto;    
    scrollbar-base-color:#ffeaff
}
</code></pre>

<p>This gives me both horizontal and vertical scroll bars automatically once I populate my table which is contained by this div.
I just want only horizontal scroll bars to appear automatically. I will modify the height of the table programmatically.</p>

<p>How do I do this?</p>

CSS3
has the
```
overflow-x
```
property, but I wouldn't expect great support for that. In
CSS2
all you can do is set a general
```
scroll
```
policy and work your
```
widths
```
and
```
heights
```
not to mess them up.