Okay, so if you go to my a page on my site, http://cyanideperfection.net/apply/host.php you will see that the div on the right moves over where the one on the left ends. now how can I make it so that it doesn't? It already has a specified width so why does it stretch it? The two divs are lcol and rcol (obviously rcol on the right and lcol is on the left)

Here is the CSS:

Code:
#container{
background-color: #fff;
left: 50%;
margin-left: 150px;
width: 706px;
z-index: 1;
}

#logo{
position: static;
float: center;
left: 50%;
width: 700px;
z-index: 2;
}

#navigation{
position: static;
float: center;
left: 50%;
width: 700px;
z-index: 2;
padding: 2px;
}

#lcol{
position: static;
float: left;
width: 250px;
z-index: 2;
padding: 2px;
overflow: auto;
}

#rcol{
position: static;
float: right;
width: 450px;
z-index: 2;
left-padding: 2px;
overflow: auto;
border-left: 2px double;
}

#colbottom{
position: static;
width: 600px;
margin-left: -8px;
z-index: 2;
}

#top{
position: static;
width: 600px;
margin-left: -6px;
z-index: 3;
}

#imggal{
position: static;
float: none;
width: 700px;
z-index: 2;
left-padding: 5px;
right-padding: 5px;
border-left: 0px double #fff;
}