Bene: Unterschiedliche Darstellung mit padding in IE6 und Firefox

Beitrag lesen

Guten Morgen,

bei folgendem Code bekomme ich unter IE6 und Firefox unterschiedliche Darstellung:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- <link rel="css/style.css" type="text/css" media="screen" href="styles.css"> -->

<style type="text/css" media="screen,projection">

div#col h1
 {
    font-size: 11px;
    line-height: 14px;
  color: #fff;
  background: #c0c0c0;
  padding: 3px 0 4px 4px;
 }

</style>
</head>
<body>
 <div id="col">
  <h1>test</h1>
 </div>

</body>
</html>

bei Firefox 1.0 wird der Text ein Pixel tiefer dargestellt als die Ausgabe im IE.
Habt ihr eine Idee wie man das Problem umgehen könnte.
Wie könnte ich Firefox seperate Werte zuweisen? Kennt da jemand einen Hack?

Danke und Viele Grüße
Bene