crossandgo: css-formatierte Navigation macht im IE Probleme

Ich habe ein 2-spaltige Layout mit Header und Footer, Im Navi-Container möchte ich als Navigation eine Liste mit CSS formatieren. Im Internet Explorer ordnet sich diese Navigation immer am rechten Containerrand an, während es im Firefox richtig ausschaut.Außerdem schiebt sich der Navi-Container unter den Content-Container, wenn man das Fenster verkleinert. Wo liegt das Problem??
Anbei der Code:

  
<body>  
<div id="titel">Name der Website</div>  
  
  
<div id="Balken"></div>  
  
  
<div id="Inhalt">  
  <div id="Navigation">  
  <ul>  
  <li><a href="home.htm">Home</a></li>  
  <li><a href="wohnung.htm">Wohnung</a></li>  
  <li><a href="anfrage.htm">Anfrage</a></li>  
  <li><a href="impressum.htm">Impressum</a></li>  
  </ul>  
</div><!--Ende Navi -->  
  
  <div id="content"><!--Anfang Content -->  
  
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.  
  
  </div><!--Ende Content -->  
  
 <div id="footer">Fusszeile</div>  
</div><!--Ende Inhalt -->  
</body>  

CSS-Datei:

  
@charset "utf-8";  
body {  
	background-color: #E9E3D1;  
	margin: 0px;  
	padding-top: 0px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 0.9em;  
	background-image: url(Grafiken/bg_stripeBeige.gif);  
	background-repeat: repeat;  
	color: #2E3E1F;  
	height: 100%;  
	line-height: 150%;  
}  
#footer {  
	clear: both;  
	height: 25px;  
	width: 100%;  
	background-color: #E7EFDE;  
	font-size: 0.8em;  
	line-height: 25px;  
	text-align: center;  
	margin-right: auto;  
	margin-left: auto;  
	margin-top: 10px;  
}  
#titel {  
	background-color: #C1D8AB;  
	height: 200px;  
	width: 70%;  
	margin-right: auto;  
	margin-left: auto;  
	border-top-width: 1px;  
	border-right-width: 1px;  
	border-left-width: 1px;  
	border-top-style: solid;  
	border-right-style: solid;  
	border-left-style: solid;  
	border-top-color: #8CB762;  
	border-right-color: #8CB762;  
	border-left-color: #8CB762;  
	line-height: 200px;  
	text-align: center;  
	font-size: 1.3em;  
	color: #D3C4A5;  
	background-image: url(images/strand.jpg);  
	background-repeat: repeat;  
	background-attachment: scroll;  
	background-position: center center;  
}  
#Navigation {  
	background-color: #D3C4A5;  
	float: left;  
	height: 555px;  
	width: 13%;  
	border-top-width: 1px;  
	border-top-style: solid;  
	border-top-color: #F7F4EE;  
	overflow: auto;  
}  
#Navigation li {  
	margin-left: 0px;  
	padding-left: 0px;  
	display: block;  
}  
  
#Navigation ul {  
	list-style-type: none;  
	margin-top: 0px;  
	padding-top: 0px;  
	padding-left: 0px;  
}  
#Navigation a {  
	display: block;  
	text-align: center;  
	height: 40px;  
	line-height: 40px;  
	border-bottom-width: 1px;  
	border-bottom-style: dashed;  
	border-bottom-color: #605035;  
}  
  
#Navigation a:link, #Navigation a:visited {  
	color: #2B3B1B;  
	text-decoration: none;  
}  
#Navigation a:hover {  
	color: #2A3A1A;  
	text-decoration: none;  
	font-weight: bold;  
}  
  
#Balken {  
	height: 40px;  
	width: 1500px;  
	border: 1px solid #8CB762;  
	background-image: url(Grafiken/BalkenSand.png);  
	margin-right: auto;  
	margin-left: auto;  
	background-color: #D4D4D4;  
}  
#Inhalt {  
	background-color: #F7F4EE;  
	width: 70%;  
	margin-right: auto;  
	margin-left: auto;  
	height: auto;  
	border-right-width: 1px;  
	border-bottom-width: 1px;  
	border-left-width: 1px;  
	border-right-style: solid;  
	border-bottom-style: solid;  
	border-left-style: solid;  
	border-right-color: #8CB762;  
	border-bottom-color: #8CB762;  
	border-left-color: #8CB762;  
	height: auto !important;  
	min-height: 100%;  
	  
}  
 #content {  
	float: right;  
	height: 550px;  
	width: 81%;  
	text-align: left;  
	padding-left: 15px;  
	padding-top: 10px;  
	overflow: auto;  
	padding-right: 15px;  
	min-width: 650px;  
	  
}