[IE7-Problem] Abstand nach Listenmenu-Einträge

[johanness]

Hallo zusammen,


ich baue gerade das Template für eine Typo3-Seite. Dabei kommt ein Listenmenü Einsatz. Im Firefox und IE6 funktioniert es – im IE7 jedoch ist nach jedem Eintrag im Listenmenü ein 2px-Abstand (vgl. Screenshot-Anhang: Links falsch, rechts korrekt). Wie bekomme ich diesen Abstand weg?


Aktueller Stand des kompletten Templates

Hier auszugsweise mein Code:

#mainmenu {
	vertical-align: top;
	border-top: 2px solid #000;
}
	#mainmenu ul li{
		width:185px;
	}
	*+html #mainmenu ul li { /* IE7 only */
		/* was muss hier hin??? */
	}
		#mainmenu a {
			display:block;
			padding:7px 15px 7px 15px;
			text-align: left;
			line-height: 1.2em;
			text-decoration:none;
		}
		*+html #mainmenu a { /* IE7 only */
			/* was muss hier hin??? */
		}
		* html #mainmenu a {
			width: 185px;
		}
		#mainmenu a:link, #mainmenu a:hover, #mainmenu a:active, #mainmenu a:visited {	
			background: url(../../fileadmin/media/_statics/box-bg.png) left top repeat;
			color: #fff;
		}
		#mainmenu a:hover, #mainmenu a.active, #mainmenu a.active:link, #mainmenu a.active:hover, #mainmenu a.active:active, #mainmenu a.active:visited { 
			background-image: none;
			background-color: #ebcc3a;
			color: #000;
		}

<div id="mainmenu">
	<ul>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Ausstellungen</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Besucherinfos</a></li>
		<li class="spacer">&nbsp;</li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Bellevue-Saal</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);" class="active">Übert den Kunstverein</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Stipendium</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Bewerbung</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Mitgliedschaft</a></li>
		<li class="spacer">&nbsp;</li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Künstler</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Archiv</a></li>
		<li><a href="#.html" title="#" onfocus="blurLink(this);">Publikationen</a></li>
	</ul>
</div>

DANKE

[richtsteiger]

Zumindest im IE-Tester funktioniert es mit

*+html #mainmenu ul li { /* IE7 only */
  display:inline;
}

[johanness]

Vielen, vielen Dank! Das funktionert.

Über die IEs kann man sich doch immer wieder wundern … Warum ist das so?