Date: 07/16/07 (WebDesign)    Keywords: browser, css, web

I'm working on a layout and I've run into a rather annoying little snag when I was checking to see how it worked across three browsers (IE, FF, and Opera).

That is, in Firefox, the divs don't line up.

The idea is to have the gray background behind the content/sidebar line up equally and extend to the bottom of the page. The header that says "Navigation" above the links has also disappeared entirely.

http://www.freewebs.com/celestial-trance
http://www.freewebs.com/celestial-trance/style.css

This problem is isolated to Firefox, as it displays the same in both IE and Opera.

How can I fix this problem so it will display correctly in FF?

Source: http://community.livejournal.com/webdesign/1282595.html