divs not lining up

[15hoursNow]

I'm sure there is a simple solution to this, just cant figure this one out. Need a little help. When my main content div expands to fit the content inside of it, my left div that holds my navigation menu is not expanding with it. here is my CSS


* {
padding: 0;
margin: 0;

}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background:#333333;

}
#wrapper {
margin: 0 auto;
width: 922px;

}
#header {
color: #333;
width: 920px;
float: left;
padding: 0px;
border: 1px solid #000;
height: 200px;
margin: 10px 0px 5px 0px;
background-color:#000000;
}
#leftcolumn {
color: #333;
border: 1px solid #000;
background-color:#000000;
margin: 0px 5px 5px 0px;
padding: 10px;

width: 195px;
float: left;
}
#rightcolumn {
float: right;
color: #fff;
border: 1px solid #000;
background:#000000;
margin: 0px 0px 5px 0px;
padding: 10px;

width: 678px;
display: inline;
}
#footer {
width: 900px;
clear: both;
color: #333;
border: 1px solid #000;
background-color:#000000;
margin: 0px 0px 10px 0px;
padding: 10px;
}

[15hoursNow]

anyone able to help?

[criterion9]

Without using javascript this will be pretty difficult. You can try hacking away at: http://www.greywyvern.com/code/min-height-hack to see if you can get it to work in your situation.

[cfajohnson]

Don't use fixed px widths. That removes all flexibility.