IE zieht tabelle mit div-scrollbar-container in länge

[mizumi]

Hallo erstmal!

verzweifle schon seit stunden an einem problem mit einer seite die aus mehreren ineinandergeschachtelten tabellen besteht und unter anderem einen div-container mit scrollbar enthält, der mir trotz absoluter größenangaben:

• die mittlere reihe td.middle in die länge zieht und
• in table.mainmid  oben und unten einen weißen abstand zu td.top bzw
    td.bottom generiert

das problem besteht nur mit dem ie 6 (firefox und safari klappen super..)

würde mich freuen, wenn jemandem hierzu noch was einfällt - habe schon einiges ausprobiert auch feste angaben für height/width in div.container..

falls jemand lust hat sich das ganze anzuschauen - hier der aufbau:
_________________________________________________________________

<table>
<table class="main" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td class="top">&nbsp;</td>
  </tr>
  <tr>
    <td class="middle">
 <table class="mainmid" width="760" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="left"><h1>..</h1></td>
          <td class="central_o">

<table class="content" cellspacing="0" cellpadding="0">
              <tr>
                <td class="topic"><h2>..</h2></td>
              </tr>
              <tr>
                <td class="textunter"><div class="cellContainer">
    <table width="420" border="0" cellspacing="0" cellpadding="0">
    <tr>
                        <td class="inhalt" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
                              <td colspan="2" class="programm"><p><strong>hier dann eben der inhalt<strong></p>
                             </td>
                            </tr>

</table>
                          <p></p>
</td>
</tr>
</table>
</div>
</td>
 </tr>
</table>
</td>
<td class="right"> <img src="../img_layout/bla.gif" width="120" height="440"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td class="bottom">&nbsp;</td>
  </tr>
</table>
</body>

_________________________________________________________________

und hier das dazugehörige css

body{
margin-left : 0px;
margin-top : 0px;
background-color:#FFF;
}

table.main{
width: 760px;
height: 600px;
border:0px;
overflow:hidden;
}

td.top{
width:760px;
height:120px;
background-image:url(../img_layout/top.jpg);
background-repeat: no-repeat;
}

td.top_au{
width:760px;
height:120px;
background-image:url(../img_layout/top_au.jpg);
background-repeat: no-repeat;
}

td.middle{
width:760px;
height:440px;
}

td.bottom{
width:760px;
height:40px;
background-image:url(../img_layout/bottom.gif);
background-repeat: no-repeat;
}

table.mainmid{
width:760px;
height:440px;
border:0px;
background-color:#f3e8d9;
overflow:hidden;
}

td.left{
width:120px;
height:440px;
background-color: #a8998d;
text-align:top;
}

td.central{
width:447px;
height:440px;
background-color:#e3dbd1;

}

td.centrald{
width:447px;
height:440px;
}

td.central_o{
width:567px;
height:440px;
background-color:#FFF;
}

td.right{
width:193px;
height:440px;
background-color:#f3e8d9;
vertical-align:top;
}

table.content{
width:447px;
height:440px;
border:0px;
overflow:hidden;
}

td.topic{
width:447px;
height:30px;
padding-left:11px;
padding-top:7px;
background-image: url(../img_layout/topic_bg.jpg);
background-repeat: no-repeat;
vertical-align:top;
}

td.topic_o{
width:447px;
height:30px;
padding-left:11px;
padding-top:7px;
}

td.inhalt{
width:420px;
height:410px;
vertical-align:top;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color:#000;
padding-right:15px;
}

DIV.cellContainer {

overflow:auto;
  padding-top:8px;
  padding-left:8px;
  padding-right:3px;
  height:100%;
}

_____________________________________________________________

und - fällt jemandem was ein?
freue mich über jeden hinweis...

grüße,
mizumi