Nested DIVs in Mozilla nightmare.

Page: http://www.dreamforgemedia.com/sylviaday/bookshelf/index.html

It's 4 am, and I'm stuck, stuck, stuck.

This page looks lovely in IE but terrible in Mozilla--the DIV flow is all messed up. I've googled the problem, and I'm stuck.

Here's the css, available at http://www.dreamforgemedia.com/sylviaday/style.css. Ignore the first bit--that's a Mozilla hack that I threw in to keep it from ignoring my first bit of css. I'm sure there's a more graceful way.

<style type="text/css">
#Nonsense {
  border: none;
  padding: 0px;
  position: absolute;
  left: 490px;
  top: 350px;
  width: 288px;
  height: auto;
  z-index: 0;
}

#flourish {
  position: relative;
  left: 5px;
  top: -160px;
  width: 156px;
  height: 57px;
  z-index: 0;
	}

#rf {
  position: relative;
  left: 0px;
  top: 2px;
  width: 198px;
  height: 17px;
  z-index: 0;
	}

body {
	background-color: #740000;
	text-align: center;
	scrollbar-highlight-color: #F5F5EB;
    scrollbar-arrow-color: #35351B;
    scrollbar-3dlight-color: #A2A8A5;
    scrollbar-base-color: #656050;
    scrollbar-darkshadow-color: #878846;
    scrollbar-face-color: #990000;
    scrollbar-shadow-color: #CACB97;
    scrollbar-track-color: #990000;
	}

#container {
	background-color: #CC3300;
	margin: 20px auto;
	width: 754px;
	border-top: 3px solid #990000
	height: auto;
	}

#container2 {
	background-color: #CC3300;
	height: auto;
	}

#header {
	background-color: #333366;
	color: #fff;
	text-align: right;
	padding: 0px;
	border-bottom: 3px solid #990000;
	}

#header2 {
	background-color: #CC3300;
	color: #fff;
	text-align: right;
	padding: 0px;
	}

#footer {
	background-color: #333366;
	color: #fff;
	padding: 0px;
	width: auto;
	text-align: right;
	border-top: 3px solid #990000;
	height: auto;
	}

#footer2 {
	background-color: #740000;
	text-align: left;
	padding: 0px;
	width: 754px;
	}

#content {
	width: 591px;
	height: auto;
	float: right;
	padding: 0px;
	background-color: #E8E8D0;
	text-align: left;
	border-left: 3px solid #990000;
	border-top: 3px solid #990000;
	font-family: verdana,helvetica,arial; font-size: 10pt; color: #27284D
	overflow: visible;
	}
	
#sidebar {
	width: 160px;	
	float: left;
	background-color: #CC3300;
	color: #CC3300;
	padding: 0px;
	}

#cover {
   border: 2px solid #990000;
	}

#books {
  position: relative;
  left: 0px;
  top: 25px;
  width: auto;
  height: auto;
  z-index: 0;
	}
	
#bookshelf {
	}

#bookshelf2 {
  position: relative;
  left: 10px;
  top: 10px;
  width: 285px; 
  height: 92px;
  z-index: 0;
	}
	
#divider {
  position: relative;
  left: 80px;
  top: 0px;
  width: 214px;
  height: 63px;
  z-index: 0;
	}

TD {font-family: verdana,helvetica,arial; font-size: 10pt; color: #27284D}
      
h1 {font-family: verdana,helvetica,arial; font-size: 12pt; color: #27284D; font-weight: bold}
    
p {font-family: verdana,helvetica,arial; font-size: 10pt; color: #27284D}

li {font-family: georgia; font-size: 10pt; color: #33341C}
   
A:link {text-decoration: none; color: #344C66; font-weight: bold}
         
A:visited {text-decoration: none; color: #344C66; font-weight: bold}
         
A:active {text-decoration: none; color: #656634; font-weight: bold}
           
A:hover {color: #656634; font-weight: bold}

.bottomlinks {
    font-family: verdana,helvetica,arial; 
    font-size: 10pt; 
    color: #DBDBB5}

.bottomlinks:link, .bottomlinks:visited, .bottomlinks:active  { 
    font-family: verdana,helvetica,arial; 
    text-decoration: underline; 
    font-size: 10pt; 
    font-weight: normal;
    color: #DBDBB5}
    
.bottomlinks:hover {
    font-family: verdana,helvetica,arial; 
    text-decoration: underline; 
    font-size: 10pt; 
    font-weight: normal;
    color: #ffd901}
-->
</STYLE>

Not the most graceful thing in the world, but it should work. Right now, Mozilla appears to be completely messing up #container2 (making #footer flow wrong), and #footer2 is left aligning instead of centering the way it's supposed to.

A simplified version of the page where the footer2 problem is obvious:
http://www.dreamforgemedia.com/sylviaday/bookshelf/index2.html

Help!!!!