Testo tagliato con css

[nirv]

Come mai mettendo dei link di un menu uno sotto l'altro con dei semplici
, il tutto all'interno di un block css che imposta solo dei padding, mi da questo errore grafico?



Praticamente mi taglia la base dei caratteri!!
Esempio le "p" e le "g" sono tranciate!

Questo è il codice html

<div class="menu_principale">
[img]imgs/dot.gif[/img]News & Rumors

[img]imgs/dot.gif[/img]Recensioni

[img]imgs/dot.gif[/img]Scenari e Campagne

[img]imgs/dot.gif[/img]Background e Racconti

[img]imgs/dot.gif[/img]Liste Eserciti

[img]imgs/dot.gif[/img]Galleria Miniature

[img]imgs/dot.gif[/img]Artworks

[img]imgs/dot.gif[/img]All Specialist Games

[img]imgs/dot.gif[/img]House Rules

[img]imgs/dot.gif[/img]Strategie & Tattiche

[img]imgs/dot.gif[/img]Videogame

[img]imgs/dot.gif[/img]Humor
</div>

Questo il codice css

.menu_principale {
width: 96%;
padding: 3px 3px 3px 3px;
background-color: #2C446D;
white-space: normal;
line-height: 1.5em;
}
A.menu_principale:link { color: #FFF; text-decoration: none; }
A.menu_principale:visited { color: #FFF; text-decoration: none; }
A.menu_principale:hover { color: #FFF719; text-decoration: none; }

P.S
ah..white-space e line-height li ho aggiunti dopo per vedere se mi impostava una interlinea diversa.

[Mich_]

L'elemento <a> e` un elemento inline, non blocco, per cui non ha senso metterci line-height.
Invece ci hai messo height:96%, quindi un po' piu` basso del normale, e questo fa tagliare le linee in basso.

Ma forse volevi mettere height 96% solo nel div, mentre gli <a> dovrebbero avere un'altra classe.

Prova a togliere tutte le classi dai tag <a> e scrivere invece nel CSS:

menu_principale a:link { color: #FFF; text-decoration: none; }
...


PS. Se e` XHTML, i tag <A> non esistono: esistono solo tag <a>