I am in the process of developing a site using CSS pretty intensively. Well, it's intensive CSS for me anyway. The problem is that the page layout looks good in IE, but Mozilla, Firefox and Opera don't look right.

Could you please take a look at it and tell me what I am doing wrong? The content that is causing the problems were created using the Frontpage 2003 layers feature.

Here is the url: http://www.guardianmail.us/new/temp.htm
http://www.guardianmail.us/new/2c-hd-ft-fixed-presentation.css
http://www.guardianmail.us/new/2c-hd-ft-fixed-layout.css

Thanks sooo much!

Hi Guardian.

There is an easy fix for this. In the very bottom of the containing <div>, put <div style="clear:both;"></div>. This _should_ fix your problems in Mozilla/FireFox and Opera.

:)

Thanks! That did it. It took some digging to find the closing <div> tag for the cont. but after a few tries I found it.

Can you explain to me why that worked? I am really trying to understand CSS and I am learning as I go.

Thanks again.

It just creates an invisible bar under the content, so the containing div is forced to extend that far.

Why it doesn't in the first place is more work than it's worth to learn--it just has to do with inconsistencies in the way CSS2 works.

Works for me! Thanks again DanX