Menu CCS et fire fox

Bonjour, à tous,

J'ai créé un menu en css qui marche nickel sur IE7 mais qui se déporte sur la droite en fire fox

je ne pige pas pourquoi ??

si quelqu'un pouvait m'aider ??

c(est là : http://www.geiq12.com

ci-dessous le code du ccs
#main-menu {
margin:0;
top:0;
bottom:0;
right:0;
font-family: arial,sans-serif;
white-space:nowrap;
}

#main-menu li {
display:block;
float:left;
list-style-type:none;
margin:0;
padding:0;
text-transform: uppercase;
}

/*Les liens normaux*/
#main-menu a {
margin:0;
display:block;
float:left;
padding:5px 16px 5px 16px;
background:#fff;
border-bottom: 2px solid #908B72;
color: #908B72;
font: bold;
font-size: 11px;
text-decoration: none;
}
/*Les liens actifs */
#main-menu a:active {
color:#000080;
background: #EAE8E1;
border-bottom: 2px solid #008000;
font: bold;
font-size: 11px;
text-decoration: none;
}

/*Les liens au survol et rubrique en cours*/
#main-menu a:hover, #main-menu #selected a {
color:#000080;
background: #EAE8E1;
border-bottom: 2px solid #008000;
font: bold;
font-size: 11px;
text-decoration: none;
}

a:link {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font: bold;
color: #908B72;
text-decoration: none;
}
a:visited {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font: bold;
color: #908B72;
text-decoration: none
}

a:hover {
color: Navy;
text-decoration: underline;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}

a:active {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color: Navy;
text-decoration: underline
}

P {
color : Black;
text-decoration : none;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
font-size: 10pt;
}

H1 {
font-size: 64%;
color : #908B72;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 5px;
margin-right : 0px;
font-family: arial,sans-serif;
white-space:nowrap;
}

BODY {
font: 10pt Arial;
color : Black;
}