Problema no Firefox

Estou com um problema no menu superior do site da minha empresa e não estou conseguindo resolver de jeito nenhum.

O problema ocorre apenas na visualização pelo Firefox, ao inves de ficar o <li> na frente do outro, fica abaixo um do outro. No IE não ocorre esse problema.

URL: http://virtoo.com

xHTML:

<div id="topo">
	<ul>
 <li class="img_topo"><a href="#"><img src="topo.gif" alt="Virtoo" /></a></li>
 <li>
 <p class="titulo"> </p>
 <p><a href="/index.php">Principal</a></p>
 <p><a href="/index.php?id=agendamento">Agende uma visita</a></p>
 <p><a href="/index.php">Cliente on-line</a></p>
 </li>
 <li>
 <p class="titulo">Virtoo</li>
 <p><a href="#">Sobre a Virtoo</a></p>
 <p><a href="#">Vantagens</a></p>
 <p><a href="#">Expertise</a></p>
 <p><a href="#">Fale conosco</a></p>
 </li>
 <li>
 <p class="titulo">Soluções</li>
 <p><a href="#">Aplicativos</a></p>
 <p><a href="#">Web design</a></p>
 <p><a href="#">Consultoria</a></p>
 </li>
	</ul>
</div>

CSS:

#topo { height:145px; width:760px; padding:0; margin:auto; } / background:url(../img/virtoo_topo_natal.gif) no-repeat; /
#topo ul { list-style:none; display:table; margin:0; padding:0; }
#topo ul li { display:table; float:left; width:160px; margin:0; padding:0; }
#topo ul li p { padding:2px; margin:0; font:bolder 12px "Trebuchet MS", Verdana, Arial, Geneva, Tahoma, Helvetica, sans-serif; line-height:normal; color:#eeeeee; }
#topo ul li p a { text-decoration:none; color:#eeeeee; }
#topo ul li p a:hover { text-decoration:none; color: #cc3300; }
#topo ul li p.titulo { padding:5px 0 10px 0; font:bolder 24px "Trebuchet MS", Verdana, Arial, Geneva, Tahoma, Helvetica, sans-serif; color:#4f81bd; line-height:normal; color:#507db3; }
#topo ul li.img_topo { width: 203px; height:130px; margin:2px 25px 2px 2px;}