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 -->