These divs will float side by side to create columns. This is div 1 with a little text to give it some height...

This is div 2 with a little more text so it's a different height than the other two... adding a little more text here makes now this column the longest.

This version uses the Alsett clearing method which uses the CSS :after psuedo-class to add content and force the container to enclose the floats, and only requiers a class to be added to the markup, instead of a "clearing" element. An important thing to note here is that IE will automatically (even though this is not correct behaviour) enclose the floats without the clearing of the divs within the container. It is always wise to test your pages in other browsers first, then go into IE and perform tweaks that might need to be made.