Question : format two column page

Hello,
ive got to columns defined in my page. The page is filling the whole window.
But when the browser window is not maximized the right column is overlapping the left one.

ideas?

Code Snippet:

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:

           
           
             #wrapper 
{ 
	margin: 0 auto;
	width: 100%;
}
div.leftCalendar
{
width :200px;
height :100%;
background-color :transparent;
float:left;
position:relative;
}
div.rightData
{width:83%;
height:auto;
background-color:transparent;
float:right;
position:relative
}

           
         

Open in New Window

Select All

Answer : format two column page

"Id like to show a full horizontal scroll bar when this happens. "

For the above statement;

#wrapper
{
margin: 0 auto;
width: 1024px; // width in pixel required
}
div.leftCalendar
{
width :17%;
height :100%;
background-color :transparent;
float:left;
}
div.rightData
{width:83%;
height:auto;
background-color:transparent;
float:right;
}