Compatibilidad de Estilo CSS en Firefox

Tengo un pequeño problema, segun parece ser se trata de un tema de hojas de estilo CSS. Tengo la web que funciona perfectamente bajo el IE, pero en el Firefox lo que es la barra donde estan los botones para acceder a el resto de secciones, me desaparece.
No se de que puede ser ya que no controlo mucho de CSS. Os dejo la URL hacia la web: http://www.libreriasnobel.es/franquicia/index.html
Entrando ahi ya os dareis cuenta de que falta. Si me podeis ayudar a solucionarlo os lo agradeceria muchisimo, que tengo al jefe comiendome la oreja.

Os dejo tambien el Script de la hoja de estilos:

/*
Diseñada y desarrollada por SioSoft
Alejandro Sio Seoane
*/

body {
margin: 20px;
padding: 0;
background: #111111;
font: normal small Arial, Helvetica, sans-serif;
color: #6F4503;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
text-transform: uppercase;
color: #9E6813;
}

p, ul, ol, blockquote {
margin-top: 0;
}

a {
color: #6F4503;
text-decoration: none;
}

a:hover {
text-decoration: none;
}

img {
border: none;
}

/* Header */

#logo {
width: 780px;
height: 75px;
margin: 0 auto;
padding: 35px 0 0 0;
background: #FFEE8F url(images/bigbg.gif) repeat-x;
border: 5px solid #FFFFFF;
border-bottom: none;
}

#logo h1 {
text-align: center;
font-size: 3em;
}

#logo h2 {
text-align: center;
font-size: 1.4em;
}

#logo a {
text-decoration: none;
color: #9E6813;
}

/* Menu */

#menu {
width: 780px;
height: 36px;
margin: 0 auto;
padding: 0;
background: #4E4E4E;
border: 5px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#menu h2 {
display: none;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
width: 111px;
height: 26px;
padding-top: 10px;
text-align: center;
text-decoration: none;
color: #CCCCCC;
}

#menu a:hover, #menu .active a {
background: #000000;
color: #FFFFFF;
}

/* Splash */

#image {
width: 780px;
margin: 0 auto;
background: #FFFFFF;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
}

/* Content */

#body {
width: 780px;
margin: 0 auto;
background: #FFFFFF;
border: 5px solid #FFFFFF;
}

#body .title {
padding: 10px 20px;
background: #FFEE8E url(images/smallbg.gif) repeat-x left bottom;
font-size: 1em;
}

#body .story {
padding: 20px;
border: 2px solid #FFEE8E;
}

/* bot*/

#bot {
width: 760px;
margin: 0 auto;
padding: 10px 10px;
background: #4E4E4E;
border: 5px solid #FFFFFF;
border-top: none;
}

#bot p {
margin: 0;
padding: 0;
text-align: center;
font-size: x-small;
color: #CCCCCC;
}

#bot a {
color: #CCCCCC;
}



Por si no os sirve poniendoos el codigo, os pongo un par de capturados una desde IE, en la que se aprecia que hay botones. Y otra bajo Firefox en la que los botones desaparecen.
[contenido no disponible]
[contenido no disponible]

Nadie es capaz de resolver el problema o sencillamente no me quereis ayudar.

Si no respondemos es porque no encontramos el fallo :wink:
Por cierto, eso es una plantilla bajada de internet, no?

Si, es una plantilla que baje desde alguna web, no me acuerdo cual. Por?

Porque es la primera plantilla que veo que no funciona bien en todos los exploradores :?
Yo lo siento, pero no encuentro el fallo, y ya me he recorrido tres veces de arriba a abajo el main.css

Pero una cosa, el fallo sera en el main.css o sera en algun html que le falta alguna parte que enlaza con el main.css . Es que es una putada que no vaya en Firefox cuando mucha gente ya lo tiene, quieras que no se pierden clientes que miren la web en buenas condiciones.

Pues el fallo es del main.css :wink:

Pues yo tampoco encuentro el error :cry: