Problema con Mozilla y menu en css

Mi problema es el siguiente, tengo un menú de enlaces que usan una hoja de estilos CSS para poner una imagen de fondo y otra al estar sobre el enlace. El caso es que visto en IE no da ningún problema pero en Mozilla Firefox 2 los botones que en inicio se ven bien, se amontonan y no se distingue nada...

Internet Explorer


Mozilla Firefox


Nota: Trabajo en una resolución de 1280x1024 y la pagina esta pensada para un ancho mínimo de 800px, he probado con 1024x768 y 800x600 pero nasti.

Adjunto aquí abajo el código:

Código :

#menu a{
 padding-top:19px;
 background-attachment:scroll;
 background-repeat:no-repeat;
 background-image:url(./img/seccion_des.jpg);
 background-position:center;
 height:60px;
 width:150px;
 text-decoration:none; 
}

#menu a:hover{
 background-image:url(./img/seccion_act.jpg);
}

Llevo toda la tarde dándole vueltas y no veo por donde sacarlo... no se mucho de CSS, pero entre las guías que hay aquí, alguna que otra referencia sacada de San Google y algún colega más o menos entendido, y es a lo mas que he llegado.

Espero que me podais hechar un cable y gracias de antemano.

em.. prueba validando tu html...
te recomeindo que uses estas extensiones para firefox, para que sea más fácil encontrar los errores en el html
http://www.getfirebug.com/
http://users.skynet.be/mgueury/mozilla/download.html

Ove al validador de la w3c

http://validator.w3.org/

Y si puedes subir tu página a un host, o mostrar el código html y css que usas, sería de gran ayuda para .. ejem.. ayudarte?

demonios, porqué NUNCA ponen links?!

No sé cómo estará ahora mozilla, pero antiguamente el "hover" no lo reconocía como CSS estandar de la W3C y por tanto pasaba de nuestras caras (de ahí las pesadas funciones de javascript para intercambiar imágenes onMouseOver)...

Igual ando un poco equivocado , de todas formas voy a probar unas cuantas cosillas y vuelvo a postear