problemas con codigo css en mozilla

Tenco una pafina con codigo en html y css. Todo va bien mientras la pagina sea cargada con explorer. Si intento abrirla con mozilla, partes del codigo en css se ven correctamente pero hay una que no aparece. Si alguien me pudiera ayudar... lo agradeceria. Pongo parte del codigo que me da los problemas para que sepais como va. Gracias


#top_nav{
background-color:#FF0000;
float:right;
}

<div id="top_nav">
<ul>
<li><a href="index.html" title="Homepage">home</a></li>
<li><a href="account.html" title="my account">my account</a></li>
<li><a href="basket.html" title="my basket">my basket</a></li>
<li><a href="site_map.html" title="site map">site map</a></li>
</ul>
</div>

Seria bueno que dijeras que es lo que no te reconoce.
Por otro lado podrias leer esto:

http://www.cristalab.com/curso-html/bien-internet-explorer-mal-firefox/

En mi pagina tengo dos menus disenados en css. Uno aparece bien tanto en explorer como en mozilla pero el otro no. El ke no funciona bien se deveria de ver una especie de barra de fondo rojo con un menu