Bei der Umsetzung meiner aktuellen Webseite ist bei den Ajax-Listen ein seltsamer Bug im Internet Explorer aufgetreten.

Das Problem war, dass Hintergrund, Rahmen und Inhalt der jeweiligen Liste beim Auf- und Zuklappen immer verschwunden sind:

HTML-Code der Liste:

<a class="menuitem submenuheader" href="#">Überschrift</a>
<div class="submenu">
<ul>
<li>Text</li>
</ul>
</div>

CSS-Code der Liste:

.submenu li {
	list-style-type: none;
	background-image: none;
	list-style-image: none;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: dashed;
	border-color: #CCCCCC;
	position: relative;
	margin: 0px;
	width: auto;
	padding: 5px 5px 5px 16px;
	font-size: 0.875em;
	line-height: 1.5em;
}

Nach einigen Recherchen bin ich zu dem Ergebnis gekommen, dass das Problem auftritt, wenn das CSS-Attribut position: relative; eingesetzt wird.

Der Internet Explorer scheint es in diesem Fall nicht richtig verarbeiten zu können.
Nach dem Entfernen des position-Attributs sieht die Liste wieder vollständig und korrekt aus.