Making wrapper div extend to same height as content divs

Question

Hi folks,

I have a wrapper div with a min-height set. Position is relative and display is block. I have two column divs floated left and set to inherit min-height.

When I have lengthy content the background color of #wrapper never extends to match the content in the column divs.

Page is here: http://youngimaginations.dreamhosters.com/index.php

CSS is here: http://youngimaginations.dreamhosters.com/yi.css

Can someone point out the error of my ways?

TIA

JG

Answer 1

overflow: auto will do the trick

or a <div style='clear: both'> after the floated elements.

Answer 2

The proper fix is called "clearfix".

Read about it here, you'll never look back.