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.