Text floating out of the container in FF

Hi,
In order to get my main text area and my right navigation column floating nicely next to each other I have given my container a fix height.
Now, unfortunately, whenever the text exceed the height of the container, it does not adjust and the text is running out of the container.

This however only happens in FF - IE is absolutely fine.

Do you know what I can do within my CSS to make it also work in FF?

Your help is very much appreciated!

Best wishes
Sporky

That's a wierd IE bug. Anyway, have a look at an article I wrote about clearing floats at the bottom of the sticky in this forum for more info, but this will do it:

Code: Select all

.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}

And just stick in <div class="clear"></div> after the two floated div's.

Hi,
Thanks for your message. I used this code and everything is floating nicely the way I want it to be, however, my container div which is wrapping my content and nav div is not expanding in FF according to the contents. It is working in IE but in firefox contents comes out of the box.
I tried overflow hidden, but that is not working either as it just creates a scroll bar and that looks horrible.
Do you have any other ideas?
Regards
Sporky

Did you remove the fixed height? You need to understand the principles of floats and absolute positioning more if it's still not working.