Rand einer inneren Box wird über den oberen Rand geschoben

[Thomas Burkhart]

Hi,

ich hab gerade das kleine Problem, dass ich in ein paar verschachtelten Boxen eine Grafik einbinden will. Diese ist definitiv kleiner als die umgebende Box und dennoch wird der obere Rand der Grafik über den oberen Rand der umgebenden Box hinausgeschoben, in meinem Fall der obere Bildschirmrand.

Die CSS der betreffenden Boxen sehen so aus:

  
#bildSpalte  
 {  
 display:block;  
 border:0;  
 width:66.66%;  
 height:100%;  
 float:left;  
 }  
  
#bildBox_oben  
 {  
 display:block;  
 width:683px; height:375px;  
 text-align:center;  
 position:relative;  
 right:0;  
 margin-top:0px;  
 }  
  
  
#bild_oben  
 {  
 position:relative;  
 top:0;  
 margin: 0 28px 0 0;  
 right: 0;  
 height: 95%;  
 width: auto;  
}  
  

Der betreffende Teil im XHTML ist das hier

  
<div id="bildSpalte">  
 <div id="bildBox_oben">  
             <img id="bild_oben" src="bilder/index/IMG_2317.jpg"  alt="Bild Tom Bennet mit Salz"/>  
 </div>  
</div> <!-- Ende bildSpalte -->  

Unter HIer könnt Ihr den Fehler live sehen

Viele Grüße

Thomas