Har problemer med min side i FireFox

Hej alle :). Som titlen siger så har jeg nogle problemer med at få min side til at se ordentlig ud i FireFox.
Den virker fint i IE, plus at den validere korrekt med W3 standarderne :).

Min side opbygning:
[code]<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>[/code]

Min CSS:
[code]/* 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;
}[/code]

Håber at der er, gerne flere som kan se hvad det er jeg gør forkert og som kan hjælpe mig med at rette fejlen :).

Siden kan findes her http://fundingdong.wido.dk