Margin nach oben weg?!

[Gunnar Bittersmann]

@@Albert:

Jedoch wird nun der schwarze rand oben irgendwie "abgeschnitten" oder ist zumindst nicht sichtbar im opera und firefox im IE7 funktioniert es sonderbarerweise...

Der IE ist bekannt dafür, collapsing margins nicht richtig umzusetzen.

<div id="mitarbeiterborder">
     <div id="mitarbeiter">
      <div id="foto">
       <img src="" width="112px" height="150px" />
      </div>
      <div id="beschreibung">
      beschreibung des mitarbeiters
      </div>
     </div>
    </div>

Was soll diese 'div'-Suppe überhaupt? Du willst einen Rahmen? Dafür gibt es die 'border(-…)'-Eigenschaften.

Mehr Markup als

<div id="mitarbeiter">  
  <img src="JohnDoe" width="112px" height="150px" alt="Foto von John Doe" />  
  <label>Beschreibung des Mitarbeiters John Doe</label>  
</div>

sollte nicht erforderlich sein.

Live long and prosper,
Gunnar