Menu funciona no IE7 e no Firefox fica tremendo
e aí galera meu problema é o seguinte estou fazendo um menu com css até aí beleza no fire fox ele fica belezinha fundo de um cor quando passa o mouse muda de cor tudo normal, só que no Fire Fox ele fica normal até eu passar o mouse nos links aí os links ficam menores e tremendo já tentei achar uma resposta e nada esse é o código que coloquei:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Site com menu vertical</title>
<style type="text/css" >
.topo{
background:#006699;
height:50px;
}
.menu{
height:800px;
width: 18%;
float: left;
}
#procurar{
background: #333333;
}
#menu{
background-color: #003333;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #00FF33;
padding: 2px 5px 3px;
}#linkmenu ul{
list-style:none;
margin:0px;
padding:0px;
margin-top:2px;
}#linkmenu ul li{
background:#003366;
padding: 0px 1px 2px;
}#linkmenu ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
color: #FFFFFF;
text-decoration:none;
padding: 0px 2px 0px;
}#linkmenu ul li a:hover{
display:block;
background:#666666;
}
.barra_lateral_direita{
background:#CCCCCC;
float: right;
height: 800px;
width: 20%;
}
</style>
</head>
<body>
<div class="topo">topo</div>
<div class="menu">
<div id="procurar">procurar</div>
<div id="menu" >Menu</div>
<div id="linkmenu">
<ul>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
<li><a href="index">Página inicial</a></li>
</ul>
</div></div>
<div class="barra_lateral_direita">
</div>
</body>
</html>Eu coloquei todos os links como "página inicial" pois eu estava testando antes de colocar os links verdadeiros.
alguém pode me ajudar ?
Discussão (1)
Carregando comentários...