Mi CSS Navbar funciona en IE pero no Firefox! Ayuda!

Aquí está el código de mi barra de navegación:


HTML código de ejemplo:

He probado este código de ejemplo en IE7 y FF 3.0.5 y parece ser la misma para mí.

Sí, porque esa es la hoja de estilos no se adjunta. Im usando una imagen para la renovación efecto.

Pero Youve nunca oído hablar de cualquier problema con firefox css antes?

es decir, que por lo general hace su los problemas. sería más fácil de comprobar qué es malo si nos dio un enlace a un completo ejemplo vivo para trabajar?

Vale. Heres un enlace a la web. Compruebe que con IE y Firefox y verás lo que quiero decir.

http://www.austinclassicalballet.com/new/

Gracias.

Heres Im que la hoja de estilo usando.

/ * CUERPO * /

cuerpo, div, img, p, H1, H2, H3, ul, li (margin: 0; padding: 0;)

H1, H2, H3 (font-size: 100%;)

body (
background-color: #000000;
)

(un desbordamiento: oculto;)


/ HEADER * * /

#cabecera (
ancho: 650px;
altura: 103px;
margin: 0px auto;
frontera-fondo: 1px sólido negro;
)

/ *
un h1 (
ancho: 550px;
altura: 65px;
pantalla: bloque;
texto-guión:-9999px;
)
* /
/ * * CONTENIDO /

#contenido (
ancho: 650px;
margin: 0 auto;
background-color: #ffffff;
)

/ * PAGINA CLASSINFO * /

#clases li (
margin: 0 0 0 10px;
lista-estilo-tipo: ninguno;

)

#clases h3 (
/ * font-size: 1. 2EM; * /
text-decoration: underline;
)

#logros li (
margin: 0 0 0 20px;
lista-estilo-tipo: disco;
)

/ * PRINCIPAL * /

#principal (
float: right;
ancho: 478px;
altura: 800px;
background-color: #FFFFFF;
padding: 0 1px 0 0;


)

#maintext (
font-family: Garamond, Verdana, Arial, sans-serif;
font-size: 18px;
texto-se suman: a la izquierda;
)

#maintext p (
/ * Texto-guión: 1 .25 Em; * /
texto-guión: .25 em;
line-height: 1. 3em;
/ * margin: 1em 0; * /
margin: 0 0 0 5px;
)

. centeredImage (
texto-se suman: centro;
margen superior: 5px;
margen-inferior: 0px;
padding: 0px;
)

#dirección (
texto-se suman: centro;
margen superior: 5px;
margen-inferior: 5px;
padding: 0px;
)

/ * PAGINA TÍTULOS * /

#pageTitle (
font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
font-size: 36px;
texto-se suman: a la izquierda;
padding: 0 0 0 5px;
margen: 0 0 10px 0;
frontera-fondo: 1px sólido #666666;
)


/ * NAVEGACIÓN * /

#navegación (
flotador: izquierda;
claro: la izquierda;
ancho: 170px;
altura: 800px;
texto-se suman: a la izquierda;
frontera derecha: 1px sólido #000000;
background-color: #CDB1A2;
)

#navegación ul (
margin: 0;
padding: 0;
lista-estilo-tipo: ninguno;
)

#una navegación ul (
pantalla: bloque;
ancho: 170px;
altura: 40px ;
line-height: 36px;
color: #000000;
text-decoration: none;
background-imagen: url (images / nuevo sitio / button.jpg) no se repita la izquierda;
texto-guión: 35px;
)

#navegación a: hover (
background-posición: derecha;
color: #fff;
)




/ * FOOTER * /

#pie de página (
Fuente: 0. 77em Garamond, Verdana, sans-serif;
color: #FFFFFF;
ancho: 650px;
/ * altura: 12px; * /
margin: 0 auto;
padding: 3px 0 0;
texto-se suman: centro;
claro: ambos;
)


#un pie de página (
color: #FFFFFF;
text-decoration: none;
)

Me solucionó el problema por el texto siguiente:

Este mal se define en la #navegación ul declaración:
background-imagen: url (images / nuevo sitio / button.jpg) no se repita la izquierda;

Heres, la definición correcta:
background-imagen: url (images / button.jpg);
de fondo-repito: no-repeat;
background-posición: izquierda;

Ahora se trabaja en ambos IE y Firefox.

Aún se pueden combinar los tres atributos de fondo, sólo el uso del "fondo" en vez de "background-image", ponga comillas simples alrededor del nombre de archivo de imagen y cambiar su pedido ligeramente: