Por que me pasa esto ????

Hola, les quiero pedir ayuda con un sitio, lo que pasa es que el sitio se ve muy bien en IE, pero en Firefox ... bueno, mejor miren lo que pasa, mi sitio es http://www.emigrate-mx.cjb.net/, en el sitio maneje los estils en css, esto es lo que puse en el css:

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
text-decoration:none;
color:#FF0000;
}

#menu li a {
display:block;
padding:4px 0;
text-decoration:none;
color:#FF0000;
background-color:#333333;
}

#menu li a:hover {
color:#FF0000;
background-color:#666666;
}

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

#menu li {
margin:2px;
padding:2px;
}

#submenu {
list-style:none;}

li ul {
display:none;
position: absolute;
left:0;
}

li>ul {
top:auto;
left:auto;
}

li:hover ul, li.over ul
{
display:block;
}

Alguien me puede decir por que hace eso en Firefox y no en IE ?? , es por el css ?? , no tengo ningun estilo en los html, por lo que asuní que el problema es el css, porfavor ayudenme !!

¿y cuál es el problema específico?

Se ve igual

la letra, se expande demasiado, miren:



por cierto, me pueden decir como ven el diseño ???, diganme si les gusta o ke le hace falta, Gracias !!!

Pues chico, no se como lo verás tu (Dinos resolución, versión de IE y Firefox).

Diseño.. demasiado simple. Luego ahi el rojo no me gusta como queda. El logo estaria mejor con borde.. buff..

Gracias Breath, mmmm IE 7, mi FF es el 2 y pues no tengo logo y aparte soy principiante. lo tomaré en cuenta, Gracias!!!

Pues yo tengo IE6 y FF2 y resolución 1024x768 y se me ven en los 2 exactamente igual.

Roger Z. Kruspe sí quieres pedir opiniones acerca de tu diseño, hay un foro especial para eso aquí