Salve a tutti,
ho un problema con uno scrolling inaspettato

codice:
#header {width: 1012px; height: 125px; position: relative; z-index: 10; overflow: auto; margin: 15px auto 0 auto;}
#header .menu {width: 1012px; height: 35px; position: relative; float: left; z-index: 20; overflow: auto; background: #222;}
#header .menu ul {height: 35px; list-style: none; float: right; margin: 0 10px 0 0; padding: 0;}
#header .menu ul li {height: 35px; line-height: 35px; margin: 0 0 0 10px; list-style: none; float: right; padding: 0; border: 1px oli}
#header .menu ul li a {font-family: Tahoma; color: #fff; font-weight: bolder; text-decoration: none; font-size: 11px;}
e questo il codice html

codice HTML:
<div class="menu">
				<ul>
					[*][url="#"]TESTO 1[/url]
					[*][url="#"]TESTO 2[/url]
					[*][url="#"]TESTO 3[/url]
				<ul>
<div>
il problema sta in #header .menu ul li a ... se assegno una dimensione da 12px in su al font mi si presenta uno scrolling verticale dell'ul. Non ha senso visto che il "pezzo" e' alto 35px.

Qualche idea?
Grazie in anticipo.