[SOLVED] How to set a fix for a div ID.

[Irresistable]

Check this link..

www.developers-community.com

It's my website in progress, it uses a petty template for now.

However.. if you resize the browser. (up and down is fine.. it brings up the scroll bar) Though left and right doesn't bring up a scroll bar. (As you'd be able to see)

 

Here's the CSS

.twoColLiqRtHdr #container {
width: 80%;  /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000; /* this overrides the text-align: center on the body element. */
} 

 

I'd like to change it so that.. in full screen it looks like it does now. Though when you go to resize.. it'll remove the margin.. with a scroll bar. then when the resize starts to go.. past the container div, then it'll bring up a scroll bar. So the only thing that'll decrease on size when resizing the browser.. is the margin. The actual container if the browser is smaller.. will be powered by a scroll bar, up down, left and right.

 

Please can you help?

[Irresistable]

I used this..

.twoColLiqRtHdr #container {
width: 900px;  /* this will create a container 80% of the browser width */
background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000000; /* this overrides the text-align: center on the body element. */
} 

[Dorky]

#container { position: relative;  width: auto; background-color: #ffffff; margin-left: 10%;
margin-right: 10%; border-style: solid; border-width: 1px; border-color: #000000; }