Allineamento verticale: liste, line-height e...

[The Captain]

Ho un problema con l'allineamento tramite line-height (tipico, credo)...
ho un menù orizzontale fatto via lista non ordinata (ul):

html

    <div id="menu_destra">
        <ul>
            <li class="first"><span>Benvenuto, [b]...[/b]</span>
            [*][url="javascript:void(0)"]<span>Link 1</span>[/url]
            [*][url="javascript:void(0)"]<span>Link 2</span>[/url]
            [*][url="javascript:void(0)"]<span>Link 3</span>[/url]
            [*][url="javascript:void(0)"]<span>Link 4</span>[/url]
        [/list]
    </div> 

css (ho eliminato le parti non strettamente necessarie)

#menu_destra li {
	display: block;
	list-style: outside none;
	width: 100%;
	margin: 0;
	padding: 2px 0;
	height: auto !important;
	height: 24px; /* <- Per IE6 */
	min-height: 24px
	[...]
}
#menu_destra li a,
#menu_destra li.first {
	line-height: 24px
}

Per centrare il testo verticalmente uso line-height.

esempio:


Il problema è che, ovviamente, quando il testo va a capo, c'è uno spazio maggiore tra una riga e l'altra, per via, appunto, del line-height:


Che, sinceramente, non è il massimo.
Avete qualche idea che non sia l'utilizzare display: table-cell?