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 :)