Ciao ragazzi.
Sto tramutando un mio vecchio progetto fatto a frames e tabelle in layout css.

Ho la seguente lista orizzontale, 3 links i quali on hover si ingrandiscono di 4px. Il problema che vorrei riuscire a risolvere è che al passare del mouse su uno dei 3 links, la scritta oltre ad ingrandirsi(bene) modifica anche la posizione delle altre due (male). Voi avete dei suggerimenti? Ho cercato nel sito del w3 ma non ho trovato niente… ho provato a cambiare qualche parametro di "display:..." ma niente.

Grazie mille!

<div id="top">
<ul>[*]
myspace
[*]
DUE
[*]
youtube
[/list]
</div>

il mio css è il seguente:

div#top
{
position: absolute;
top:5px;
left:200px;
width:580px;
height:40px;
background-color:none;
border:0px;
padding:0px;
margin:0px;
}
div#top ul{
list-style:none;
padding:0px;
margin:0;
white-space: nowrap
}
div#top li{
padding-right: 100px;
display: inline;
}
a:link, a:visited
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
color: #990000;
text-decoration:none;
}
a:hover, a:active
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
color: #990000;
text-decoration:none;
}