centrare verticalmente in un div una lista navigazione

[gabar-el]

ciao, ho questo css per formattare una lista di navigazione. purtroppo ie6 mi lascia 1 px in alto e non riesco a capire perchè, qualcuno sa darmi una mano?

css:
div#navDown {
	width: 850px;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	background-color: #ccc;
}
div#navDown ul {
	margin: 0 0 0 5px;
	padding: 0;
}
div#navDown ul li {
	margin: 0 5px;
	padding: 0;
	float: left;
	display: block;
}
div#navDown ul li a {
	margin: 0;
	padding: 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
div#navDown ul li a:link, div#navDown ul li a:visited {
	margin: 0;
	padding: 0 3px;
	color: #000;
	text-decoration: none;
}
div#navDown ul li a:hover {
	color: #fff;
	background-color: #900;
	text-decoration: none;
	padding: 3px;
}
div#navDown ul li.attivo a {
	padding: 0 3px;
	color: #fff;
	background-color: #900;
}
div#navDown ul li.attivo a:link, div#navDown ul li.attivo a:visited {
	color: #fff;
	text-decoration: none;
}

html:
	<div id="navDown">
		<ul>
			<li class="attivo">link
			[*]link
			[*]link a
			[*]link b
		[/list]
	</div>

fondamentalmente quello che non riesco a fare è centrare la lista in verticale all'interno del div, ho provato con line-height e altro ma nulla, errori di conteggio px non ne noto....
grazie

[Braco]

Originariamente inviato da gabar-el
ciao, ho questo css per formattare una lista di navigazione. purtroppo ie6 mi lascia 1 px in alto e non riesco a capire perchè, qualcuno sa darmi una mano?

css:
div#navDown {
	width: 850px;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	background-color: #ccc;
}
div#navDown ul {
	margin: 0 0 0 5px;
	padding: 0;
}
div#navDown ul li {
	margin: 0 5px;
	padding: 0;
	float: left;
	display: block;
}
div#navDown ul li a {
	margin: 0;
	padding: 0 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
div#navDown ul li a:link, div#navDown ul li a:visited {
	margin: 0;
	padding: 0 3px;
	color: #000;
	text-decoration: none;
}
div#navDown ul li a:hover {
	color: #fff;
	background-color: #900;
	text-decoration: none;
	padding: 3px;
}
div#navDown ul li.attivo a {
	padding: 0 3px;
	color: #fff;
	background-color: #900;
}
div#navDown ul li.attivo a:link, div#navDown ul li.attivo a:visited {
	color: #fff;
	text-decoration: none;
}

html:
	<div id="navDown">
		<ul>
			<li class="attivo">link
			[*]link
			[*]link a
			[*]link b
		[/list]
	</div>

fondamentalmente quello che non riesco a fare è centrare la lista in verticale all'interno del div, ho provato con line-height e altro ma nulla, errori di conteggio px non ne noto....
grazie

http://www.w3schools.com/css/pr_pos_vertical-align.asp