Iím having some frustrating problems with my site design, it comes up right in Internet Exploerer but Firefox butchers it.
Site Link: http://www.november21st.com/New/index.php
CSS Link: http://www.november21st.com/New/styles.css
My document consists of 6 divs:
#Background: Displays a background image, holds all site content but not the footer.
#Page: Holds a header image and the rest of the site content.
#Menu: A side menu, holds an unordered list displaying Link1-Link4.
#Content: Holds text, sits to the right of the Menu.
#End: A "footer" for the Page div.
#Footer: document Footer
My problem involves #Content and #Menu along with #Page
The #Content and #Menu are supposed to sit inside #Page side by side with #Pageís creamy colored background expanding to hold them. IE does this right. Firefox fails to do so displaying the documentís black background.
Note: When specifying a pixel height for #Page, it works right in both browsers, but I need my height on auto to expand with the content. I tried specifying 100% as the height, doesnít seem to look any different from auto in both browsers.