How could i fix this simple css?

Well…i’ve made a site and i make a css style for it really quick
but i can’t really understand why i can see it good in IE but not in firefox…
Please try to view this link with the two browsers and see the differences on your own…

This is the css


@charset "utf-8";
/* CSS Document */
body {
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 background: #000000;
 text-align: center;  color: #000000;
}
.oneColFixCtr #container {
 width: 975px;  
 background: #000000;
 text-align: center; 
}
.oneColFixCtr #top {
 text-align:center;
 background:#FFFFFF;
 background-image:url(background_TOP.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 padding:0px;
 margin:0px;
 border-width:0px;
}
.oneColFixCtr #middle {
  text-align:center;
 background-image:url(troubles_ita.png);
 background-repeat:no-repeat;
 background-position:left top;
 height:612px;
 background-color:#FFFFFF;
 padding:0px;
 margin:0px;
 border-width:0px;
}
.oneColFixCtr #middleEng {
 text-align:center;
 background-image:url(troubles_eng.png);
 background-repeat:no-repeat;
 background-position:left top;
 height:612px;
 background-color:#FFFFFF;
 padding:0px;
 margin:0px;
 border-width:0px;
}
.oneColFixCtr #middle2 {
 text-align:center;
 background-color:#FFFFFF;
 background-image:url(background_BOTM.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 height:590px;
 padding:0px;
 margin:0px;
 border-width:0px;
}
.oneColFixCtr #footer {
 text-align:center;
 background-color:#000000;
 width:590px;
 padding:0px;
 margin:0px;
 border-width:0px;
}

Please help me!!! :puzzled: