Har problemer med min side i FireFox

Kode 

<div id="top">
 <div id="menu">
       <div id="menu_frontpage">
         <a href="./" title=""></a>
	   </div>
	   
	   <div id="menu_videos">
         <a href="./?id=videos" title=""></a>
	   </div>
	   
	   <div id="menu_games">
         <a href="./?id=games" title=""></a>
	   </div>
	   	   
 </div>
</div>
<div id="site">
<!-- Banner #1 !-->
 <div id="content-left">
<h1>Content</h1>
Content #1
          <div class="topspacer"></div>
 </div>
 <div id="content-right">
Content #2
          <div class="topspacer"></div>
 </div>
</div>
          <div id="bund">
		    <p class="boks">Bottom
			</p>
		  </div>
<div class="topspacer"></div>

Kode 

/* Global */

body {
	background-image: url('../images/bg.gifx');
	background-repeat: repeat;
	background-color: #f5fbfe;
    margin: 0;
	text-align: center;
	font-size: 12px; 
	font-family: 'Trebuchet MS', Verdana, Sans-Serif, Arial;
}

/* Design */

div#top {
    margin: 0 auto;
    background-image: url('../images/logo.gif');
    background-repeat: no-repeat;
    background-color: #21597b;
    width: 800px;
    height: 197px;
}

div#site {
    margin: 0 auto;
    background: url('../images/sitebg.gif');
    background-repeat: repeat-y;
    background-color: #ffffff;
    width: 800px;
}

div#content-left {
    margin: 0 auto;
    width: 545px;
    float: left;
    border-right: 1px solid #a1d1ee;
    text-align: justify;
    padding: 0px 10px 0px 15px;
}
div#content-right {
    margin: 0 auto;
    width: 200px;
    float: right;
    text-align: justify;
    padding: 0px 15px 0px 0px;
}

div#bund {
    margin: 0px auto 20px auto;
    background-image: url('../images/bund.gif');
    background-repeat: no-repeat;
    background-color: #EBF4FE; 
    width: 800px;
    height: 30px;
    text-align:center;
}

div#spacer {
	height: 1px;
}

div#topspacer {
	height: 7px;
}


div#chart {
    visibility: hidden;
}

/* Menu */

div#menu {
    margin: 0px 0px 0px 0px;
    padding: 140px 0px 0px 5px;
}

div#menu_frontpage {
    float: left;
    width: 65px;
    height: 36px;
    background: url('../images/menu_frontpage.gif') 0 -36px no-repeat;
    text-indent: -10000em;
}

div#menu_frontpage a {
    display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	background: url('../images/menu_frontpage.gif') top left no-repeat;
}

div#menu_frontpage a:hover {
	background-image: none;
}