Menu CSS > Visualizza grande

[Sonikag]

Ho creato questo menù con i css:


div#navigation{
float: left;
display: block;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
}

div#navigation ul{
float: left;
display: block;
list-style-type: none;
margin: 0px;
padding: 0px;
}

div#navigation li{
float: left;
display: block;
width: 125px;
line-height: 10px;
text-decoration: none;
text-indent: 4px;
color: #333;
margin: 0px;
padding-top: 2px;
font-weight: bold;
padding-bottom: 2px;
}

div#navigation a{
float: left;
display: block;
width: 125px;
line-height: 18px;
text-decoration: none;
text-indent: 10px;
color: #333;
border-top: 1px solid #F1C7A0;
border-right: 0px solid #F1C7A0;
border-bottom: 1px solid #F1C7A0;
border-left: 0px solid #F1C7A0;
background-color: #FEEFDC;
font-weight: normal;
}

div#navigation a:hover{
float: left;
display: block;
background: #Fefcf0;
color: #B9661B;
}

div#navigation li#activelink a,div#navigation li#activelink a:hover{
float: left;
display: block;
color: #B9661B;
background-color: #FFFFFF;
}


---

codice:

<div id="navigation">
<ul>[*]titoletto[*]Parola lunghissima[*]parolina[*]Antivirus[*]titoletto lungo[*]Parola lunghissima[*]parolina[*]Antivirus
[/list]
</div>

---
Problema: se faccio un visualizza > carattere > molto grande i caratteri li ingrandisce (almeno quello :P) però: "parlola lunghissima" va a capo e la cella aumenta di dimensione in altezza, mentre "titoletto lungo" va a capo accavallandosi con se stesso... why?

[jesus]

Credo sia un problema dell'interlinea. Forse dovresti usare unità di misura come gli em o %, in questo modo è tutto proporzionato alla grandezza del testo.