CSS Help - Width Problem !!

CSS Help - Width Problem !!

i have created a wordpress theme , but there is a problem

i created theme with fluid width but when i am minimizing the window the sidebar is going at the bottom , i want it to show horizontal scrollbar when i minime the window!

here is css

#container {
width: 100%;
}

#sidebar {
width: 30%;
max-width:30%;
float: right;
font-size: .8em;
line-height: 1.4em;
padding: 0 10px 25px 0;
}

#main {
margin-right:10px;
width: 800px;
float: left;
max-width:800px;
}

where #container is the css of of the pas
#main : contant area
#sidebar: Sidebar css

Image:

http://img145.imageshack.us/img145/3163/17882118uf2.gif



When i am decreasing the window size, sidebar is going under the content
i want it to show scrollbar not to move under content
please change something in my code and solve this problem

when i am minimizing the window the sidbar is going down i dont want it to go down but i want it to show scroll bar when i decrease the size of the window

 

Would you Be willing to show us the Entire Source Code so we Can get a better Understanding Of what is going on?

 

body {
background-color: #fff;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: .88em;
color: #444444;
}

#container {
width: 100%;
}

#sidebar {
width: 400px;
max-width:500px;
float: right;
font-size: .8em;
line-height: 1.4em;
padding: 0 10px 25px 0;
}

#sidebarleft {
width:180px;
float: left;
}

#sidebarright {
width: 125px;
float: right;
}

#footer {
width:180px;
float: left;
clear: both;
font-size: .64em;
}

#entries {

width: 65%;
float: left;
}

.post {
margin-bottom: 1em;
}

a {
color: #6699cc;
text-decoration: none;
font-weight: bold;

}

a:link h3 {
color: #951400;
border: none;
}

a:link img {
border: none;
}

ul {
list-style: none;
margin-left: 0px;
padding-left: 0px;
margin-top: 0px;
}

li.linkcat {
list-style-type: none;
}

img {
border: none;
}

.imgleft {
float:left;
margin-right: 10px;
margin-bottom: 10px;
}

.imgright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

img.frame {
padding: 2px;
border: solid 1px #DEE4E5;
}



h1 {
font-size: 2em;
line-height: 1em;
text-transform: uppercase;
}

.title {
border-bottom: 1px solid silver;
}


h3 {
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: .2em;
margin-top: 2em;
letter-spacing: .2em;
color: #34353e;
border-bottom: 1px solid silver;
}

.post h3 {
border-bottom: none;
letter-spacing: normal;
margin-bottom: -.5em;
}

 

Don't use % for sidebar. Let it be fixed to say about 325 px;

coz if ur theme has 2 sidebars, then if ur users will gonna place two 160 x 600 ads, 325 px will do fine.

 

k, i have done that but sidbar still going down