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;}
Discussão (2)
Carregando comentários...