El Supremo: Element nur in Opera richtig positioniert

Beitrag lesen

Hallo,

ich bin gerade dabei, ein Layout zu entwerfen. Allerdings will sich ein Bild nicht so positionieren lassen, wie ich es gerne hätte. In Opera funktioniert es, in IE und FF aber nicht. HTML und CSS sind valide. Da das Dokument in strict geschrieben ist, gehe ich nicht von einem Problem mit dem Box-Model aus.
Das Problem ist, dass das untere Bild, dass sich eigentlich ganz unten in der "backgroundbox" befinden sollte, am unteren Rand des Browserfensters befindet. Wer will, kann sich das Problem hier ansehen.
Es wäre schön, wenn sich einer den Code mal ansehen und mir einen Tipp geben könnte.

<!DOCTYPE HTML PUBLIC  
   "-//W3C//DTD HTML 4.01//EN"  
   "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
 <head>  
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
  <meta http-equiv="Content-Style-Type" content="text/css">  
  <title>Test</title>  
  <link rel="stylesheet" type="text/css" href="formatierung.css">  
 </head>  
 <body>  
 <div class="backgroundbox">  
  <img alt="" src="rahmen_oben.gif" width="750" height="100" class="rand_oben">  
  <img alt="" src="rahmen_unten.gif" width="750" height="100" class="rand_unten">  
  <div class="contentbox">abc</div>  
 </div>  
 </body>  
</html>

Und die dazugehörenden Stylesheets:

body  
 {  
  background-image:url(hintergrund.jpg);  
  background-attachment:fixed;  
  background-repeat:repeat;  
  margin-top:25px;  
  margin-bottom:25px;  
 }  
  
.backgroundbox  
 {  
  height:950px;  
  width:750px;  
  margin-left:auto;  
  margin-right:auto;  
  background-image:url(background_gesamt.jpg);  
  background-repeat:repeat-y;  
 }  
  
.contentbox  
 {  
  margin-left:120px;  
  margin-right:120px;  
  padding-top:25px;  
  padding-top:25px;  
 }  
  
.rand_oben  
 {  
  position:absolute;  
  top:25px;  
 }  
  
.rand_unten  
 {  
  position:absolute;  
  bottom:25px;  
 } 
--
Ich weiß, dass ich nichts weiß. (Sokrates)