DIV's & CSS

[stephen16]

Ok, here's a snippet of my coding I'm having trouble with.

What I want to be able to do is have the DIV's act as tables and be the same height. So the whole "wrap" section has the same background color. And, no a fixed height isn't good either. I want the left column to always the same height as the right column, and vice versa.

The HTML

<div align="center">
<div id="wrap">

<div id="content">
bla bla bla bla bla (it's the left column)
</div>

<div id="menu">
bla bla bla bla bla (it's the right column. Clever filller, eh?)
</div>

</div>
</div>

The CSS

#wrap { 
     width: 690px;
     background: #fff;
     color: 000000;

}

#content {
     background: #fff;
     padding: 10px;
     float: left;
     width: 450px;
     color: 000000;
}

#menu {
     background: #fff;
     float: right;
     padding: 10px;
     width: 200px;
     color: 000000;
}