Phil: Unterschiede zwischen IE 7und Firefox 2

Beitrag lesen

Hallo,

unter Verwendung untenstehender HTML / CSS code, bekomme ich eine Abweichung im Renderingergebnis beider Browser (h3 ist bei Firefox leicht nach unten verrutscht).

Kennt jemand von euch ein Firefox-Hack hierfür?
Ideen?

Gruß und Danke
Phil

<! -- Bitte ab hier kopieren -->
<html>
<head>
</head>
<body>
<div style="font-size: 120%; color: #767676; margin: 0 auto; width: 970px; min-height: 600px; padding-bottom: 20px; background-image: url(../images/topbg.png); background-repeat: repeat-x; background-color: white; border: 2px solid white;">
 <div style="float: right; width: 260px; margin: 0 10px 0 0;">
  <div style="/*background: #f5f5f5; */ color: #414141; padding: 10px; margin: 0 2px 3px 0;">
   <div style="width: 220px; color: #808496; border: 1px solid #CCCCCC; padding: 0; margin-bottom: 20px;">
    <div>
     <div>
      <div>
  <h3 style="font-size:100%; font-weight: bold; color: #2681ba; background-image: url(h3_bg.png); background-repeat: x-repeat; height: 22px; padding: 10px 0px 0px 10px; border: 1px solid #CCCCCC;">BEREICHE</h3>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody><tr align="left"><td><a href="#" class="mainlevel_mmenu" id="active_menu_mmenu">Home</a></td></tr>
  <tr align="left"><td><a href="#">Menu 1</a></td></tr>
  <tr align="left"><td><a href="#">Menu 2</a></td></tr>
  <tr align="left"><td><a href="#">Menu 3</a></td></tr>
  <tr align="left"><td><a href="#">Menu 4</a></td></tr>
  </tbody></table>
   </div>
  </div>
 </div>
   </div>
  </div>
 </div>
</div>
</body>
</html>

<! -- Bitte bis hier kopieren -->