CSS-li-Navi funzt im IE nicht

hi,
hab da mich mal an eine css-li-navigation gewagt... schon super die code-ersparnisse verglichen mit tables

leider sieht das Internet Explorer (unter Win) ein wenig anders aus. Die Abstände zwischen den einzelnen Einträgen sind zu gross...

[Blockierte Grafik: http://www.manuelmaisch.ch/public/navi_safari.png]
So ists richtig... Mac-Safari (geht auch in mac Firefox/ mac IE)

[Blockierte Grafik: http://www.manuelmaisch.ch/public/navi_ie.png]
so machts der Win-IE...

Code:

Im html-file:

<ul class="navi">
[*][url='index.php']Home[/url]
[*][url='fotographie/index.php']Fotographie[/url]
[*][url='macpoint/index.php']macpoint[/url]
[*][url='links/index.php']Links[/url]
[*][url='ueber_mich/index.php']&Uuml;ber mich[/url]
[*][url='webdesign/index.php']Webdesign[/url]
[*][url='#'][/url]
[/list]

im css-file:

.navi {
	list-style: none;
	margin:0;
	padding:0;
}


.navi a:link, .navi a:visited, .navi a:active {
	font: 12px Georgia, Tahoma, Times, "Times New Roman", serif;
	color: #336699;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 10px 0px 10px 12px;
	border-top: 1px dotted #000033;	
	display: block;
}


.navi a:hover {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;	
}

eigentlich ziemlich überschaubar das ganze

hoffe mir kann jemand das darstellungsproblem vom Win-IE lösen...

ciao,
manuel

habe mal das ganze padding zum testen entfernt. jeder normale browser macht jetzt die liste ganz 'zusammengedrückt'; ohne padding halt.

der IE macht unter jedem [*]-Eintrag aber immernoch einen Spalt!!

irgendein listen-attribut könnte den IE vielleicht noch gütig stimmen

hey super tipp das mit dem height:100%; !

hat geklappt und funzt super, vielen herzlichen dank!