Timo Heißenbüttel: <div>-Bereiche werden nur unter IE 6.0 wie gewünscht angezeigt

Beitrag lesen

Ich bin gerade dabei meine Website neu zu designen und brauche so etwas wie einen Frame für meinen Content. Nun möchte ich das aber weder mit Frames noch mit einem iFrame sondern nur auf CSS-Basis machen. Im IE 6.0 sieht das auch wunderbar aus (IE 5.5 meines Wissens auch) aber IE 5.0 und Mozilla Firebird wollen nicht so recht.

Korrekt sieht es so aus (bzw. soll es im Endergebnis so aussehen):
http://www.goebelmeier.de/korrekt.jpg

Mozilla Firebird macht daraus:
http://www.goebelmeier.de/kaputt.jpg

Der Code ist folgender:

CSS-File (gekürzt)
------------------

div.content {
  vertical-align:top;
  position:absolute;
  width:485px;
  height:344px;
  z-index:1;
  clip:rect(0px, 485px, 350px, 0px);
  overflow:auto;
  visibility: visible;
  scrollbar-darkshadow-color: #DFDFDF;
  scrollbar-highlight-color: #DFDFDF;
  scrollbar-arrow-color: #000000;
  scrollbar-shadow-color: #DFDFDF;
  scrollbar-base-color: #D0D7D6;
}

HTML-File (gekürzt)
-------------------

<html>
  <head>
  </head>
  <body>
    <table width="800" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td style="background-image:url(img/index_08.jpg);" class="content" width="485" height="350" colspan="5">
          <div class="content">
            <!-- Hier steht dann mein Content -->
          </div>
        </td>
      </tr>
    </table>
  </body>
</html>