Hallo Robert, hallo Kai,
ich habe unten mal das komplette html/css-Gerüst angehängt.
Das Problem tritt sowohl mit dem IE7 als auch mit dem IE8 auf.
Klar lassen sich css-Anweisungen zusammenfassen, aber für mich als Anfänger ist es einfach übersichtlicher die Anweisungen für die einzelnen Boxen getrennt zu betrachten.
Vereinfachen kann ich es ja immer noch...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.box1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFF;
background-color: #999;
height: 100px;
width: 700px;
border: 1px solid #666;
position: absolute;
left: 50%;
top: 25px;
right: auto;
font-weight: lighter;
padding: 4px;
float: none;
clear: none;
margin-left: -350px;
}
.box2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFF;
background-color: #637BCF;
height: 12px;
width: auto;
border: 1px solid #365A96;
position: absolute;
left: 50%;
top: 125px;
right: auto;
font-weight: lighter;
padding: 4px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -350px;
}
-->
</style>
</head>
<body>
<p class="box1">Test 1</p>
<p class="box2">Startseite</p>
</body>
</html>