css, overflow, firefox

Ive got a problem with my css, I have two divs side by side inside the container div and it works fine but when i go into firefox, the container div shrinks (height) and the footer div overlays the two divs side by side.

Is there something I can add to the container to make it expand to the size of the other two divs so the footer floats below it. (the divs side by side expand depending on what content is in them)

Float the container div the same way the others are floated (i know, it seems weird, but it works), then put a "clear:both" on the footer.

Hi,
That did work but I need to have the container centered so the site looks ok in larger resolutions. Is there a way of doing this.

define a width, position is 50% across the browser window, then pull it back by half it's width:

position: relative;
width: 750px;
left: 50%;
margin-left: -375px;

Thats great, works a treat. Thanks

Anytime =)