CSS Help - Strange Border Issue

[Goksly]

Hi,
I'm trying to create a site with a banner, 2 columns (menu and content) and a footer. Below is a screen shot of what I have so far:


When the borders are off, everything looks all fine and dandy, but as you can see, when they are switched on, the content border goes through the menu.

I've floated the menu left and have the main content as block. The overall affect I'm trying to have is a menu that takes the space it needs and then the content to use the rest of this space (I don't really want to specify fixed width if I can get away with it).

So does anyone know how to solve the border issue?

Cheers

 

[Goksly]

You could apply overflow: hidden to your content div. This would make it contain the float.

ding ding, we have a winner. Thanks - pretty new to CSS and the lark.

 

[Goksly]

But that would go against what I need - one column with a width as wide as it needs and the other taking up the remaining space. This must be possible?