Dynamische Menüs und Internet-Explorer

<div>
      <ul id="Navigation">

		<li><a href="Home.html">Home</a></li>

		<li><a href="A">Wir &uuml;ber uns</a></li>

		<li><a href="B">Aktuelles</a></li>

		<li><a href="C">Veranstaltungen</a></li>

		<li><a href="D">Arbeitskreise</a>
			<ul>
				<li><a href="Schnaepper.html">Schn&auml;pper</a></li>
				<li><a href="Nistkasten_Scheller.html">Nistkasten Hettenshausen</a></li>
				<li><a href="Nistkasten_Rieder.html">Nistk&auml;sten Riederm&uuml;hle</a></li>
			</ul>
		</li>
</ul>
</div>

div#Nav {
	width: 14em;
	display: inline;
}

ul#Navigation {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

	ul#Navigation li {
		list-style: none;
		position: relative;
		margin: 0.4em;
		padding: 0;
		background-color: white;
		margin-bottom: -0.3em;
		margin-right: 1.5em;
	}

		ul#Navigation li ul {
			margin: 0;
			padding: 0;
			position: absolute;
			left: 8.4em;
			top: -0.4em;
			display: none;
		}

		* html ul#Navigation li ul{
			left: 8.4em;
			lef\t: 9em;
		}

		ul#Navigation li:hover ul {
			display: block;
		}

			ul#Navigation li ul li {
				float: none;
				display: block;
				margin-bottom: -0.2em;
				background-color: white;
			}


ul#Navigation a, ul#Navigation span {
	display: block;
	width: 6.4em;
	padding: 0.2em 1em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid black;
}

* html ul#Navigation a, ul#Navigation span {
	width: 9em;
	w\idth:9em;
}

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
	border-color: white;
	background-color: #23a6e4;
}

li a#aktuell {
	color: maroon;
}

ul#Navigation li ul span {
	border-color: blue;
}