Menu css

[Sonikag]

Ho questo menù:

<div id="navcontainer">
<ul id="navlist">[*]Home Page[*]Chi Siamo[*]Contattaci[/list]
</div>

questo css:

 
#navlist
{
margin: 0;
padding: 0 0 20px 5px;

}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #DD107A;

}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 0 2px 4px 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #0094DE;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #DD107A;
padding-bottom: 2px;
background: transparent;
color: #DD107A;
}

#navlist a:hover { color: #DD107A; }

Con explorer tutto ok, ma con firefox, mozilla &co all'over si sposta tutto su di qualche px.

Sonia

[pierofix]

Credo che l'errore sia che ripeti continuamente il padding a ogni stato, quindi non vorrei si sommasse man mano.

Oltretutto ti do una dritta. C'è una sconciatoia per definire il font:

p {
   font:1em/1.5em Verdana,sans-serif;
}
/* nell'ordine: dimensione/interlinea family */

Poi ci sono altri parametri da inserire e qui trovi la specifica relativa:
- http://www.w3.org/TR/REC-CSS2/fonts.html#font-shorthand