menu ff e ie

[Sonikag]

Ho un menu che con ie viene visualizzato correttamente con ff no.

<div id="navcontainer">
<ul id="navlist">
<li id="home1">Home
<li id="prodotti">Prodotti
<li id="news">News
<li id="contatti">Contatti[/list]

#navcontainer
{
margin: 0px;
padding: 0px;
float: right;
}
#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}
#navcontainer ul li { float: left;}
#navcontainer ul li a
{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#D9D9D9;
font-size: 1em;
font-weight: bold;
margin: 0px;
padding:0px;
height: 64px;
width: 85px;
margin-left: 1px;
padding-left: 5px;
border-left:1px solid #000;
}
#navcontainer li a:hover
{
color: #000;
margin: 0px;
padding:0px;
margin-left: 1px;
padding-left: 5px;
}

Su IE i box sono height: 64px; width: 85px; su ff no!

[pierofix]

E' possibile attribuire dimensioni solo ad elementi di tipo block. Pertando dovrai inserire la seguente proprietà negli elementi di cui vorrai controllare le dimensioni:

display:block;

Ovviamente IE sta per "Ingerisco Everything".

[pierofix]

Ottimiziamo un po'?

#navcontainer {
   margin:0; padding:0;
   float:right;
}
#navcontainer ul {
   margin:0; padding:0;
   list-style-type:none;
   text-align:left;
}
#navcontainer ul li { float:left }
#navcontainer ul li a {
   text-decoration:none;
   font:bold 1em Verdana, Arial, Helvetica, sans-serif;
   color:#d9d9d9;
   width:85px; height: 64px;
   margin-left:1px; padding-left:5px;
   border-left:1px solid #000;
}
#navcontainer li a:hover { color: #000 }

[Sonikag]

Funziona grazie