Div Ausrichtung in IE und FF unterschiedlich

[Jason]

Hallo,

ich bastel gerade an einem Template, dass oben und unten geweils eine Grafik hat und dazwischen einen Content-Bereich. Mein bisheriger Versuch ist eine Mischung aus Tabelle und div-Elementen. Allerdings wird die untere Grafik im IE zu weit unten angezeigt, so dass Scrollbalken auftauchen.

  
  <table cellpadding="0" cellspacing="0" width="100%">  
   <tr>  
    <td>  
     <!-- add header -->  
     <div id="header" />  
    </td>  
   </tr>  
   <tr>  
    <td height="100%" valign="top">  
Content-Bereich  
  
    </td>  
   </tr>  
   <tr>  
    <td>  
     <!-- add footer -->  
     <div id="footer" />  
    </td>  
   </tr>  
  </table>  

Und hier noch das passende CSS:

  
#header {  
 clear: both;  
 background-position:top;  
 background: url(../resources/images/header.gif);  
 height:48px;  
 width:100%;  
 padding:0;  
 overflow: none;  
}  
#footer {  
 clear: both;  
 background-position:top;  
 background: url(../resources/images/footer.gif);  
 height:48px;  
 width:100%;  
 padding:0;  
 overflow: none;  
}