Parent div ignoring height of child div when floated

[peach]

I know, this is a known issue, but I have can't find a fix anywhere.

I have a 2 column layout and the content in the left column is often taller then the content in the right column. Since the content in the left column is floated, the container div ingnores its height and inherits the height of the right column. This causes the colored borders of the container div to run through the left column rather than around it.

how do I fix this?

thanx,
JR

[Buddy Bradley]

Either:

a) Float the container DIV
b) Add a clearing element after the left column in the markup
c) Clear it without structural markup

[peach]

Either:

a) Float the container DIV
b) Add a clearing element after the left column in the markup
c) Clear it without structural markup

wel C looks like something I can use. Long read though :/

on second thought, method C is even messier than B and it might cause forward compatibility issues with ie.

thanx

[peach]

BTW, I went to Peterborough 2 times

...student exchange thing.

Either:

a) Float the container DIV
b) Add a clearing element after the left column in the markup
c) Clear it without structural markup