kalle: IE7 positioniert falsch

Beitrag lesen

Nabend,
das übliche Problem. FF, Opera, IE8 zeigen es richtig an, der IE7 macht irgendetwas anderes.

<body>  
    <div id="top">  
    	<img id="logo" src="/images/logo.png" alt="Logo" />  
        <div id='main_navigation'><ul>  
         <li class='current'>Home</li>  
         <li><a href="/index.php">Produkte</a></li>  
  
         <li><a href="/index.php">Leistungen</a></li>  
         <li><a href="/index.php">Kontakt</a></li>  
         </ul></div> <!--end div main_navigation-->  
    </div><!--end div top-->  
...  

BODY{  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:10pt;  
    background:#d1d1d1 url(/images/bgr.jpg) no-repeat 50% 0;  
    margin:30px auto;  
    width:720px;  
    height:720px;  
  
	  
}  
  
#top{  
	height:82px;  
	background-color:#FFFFFF;  
  
}  
  
#main_navigation{  
	position:relative;  
	left:100px;  
	top:40px;  
	color:#4e5329;  
	text-transform:uppercase;  
	font-size:9pt;  
}  

Problem ist die Positionierung der Navigation. Im FF etc steht sie (wie gewünscht) 100px rechts vom Logo. Im IE7 steht "Home" noch IM Logo. Warum?

Danke :)