Expand float

[The Little Guy]

I have two columns, column one is 250px, and I want column 2 to expand to the edge of its parent container, which is the width of the screen. How can I do this using the float property?

 

CSS:

.container{
    float:left;
    width:100%;
}
.left{
float:left;
width:250px;
border:solid 2px #004C7C;
background-color: #FFF;
margin-right: 10px;
}
.content{
float:left;
display:block;
}

 

HTML:

<div class="container">
<div class="left"></div>
<div class="content"></div>
</div>

[haku]

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/

[The Little Guy]

Ahh, perfect!

 

Thank You!