Rene: Div Style, iE 7, Firefox

Beitrag lesen

Hallo Leute, ich habe in einer css datei folgendes definiert:
.trennlinie{
     width:   95%;
     height:   2px;
     background-color: #FFBF00;
}

dürfte jedem einleuchten wie das ausehen soll... eine simple orangene trennlinie 2px hoch <-- entscheident.

Source code:
<div class="trennlinie"></div>

Mozilla:
Richtige anzeige, genau was ich mir vorstelle

internet explorer:
eine horizontale orange linie ca 18px hoch, ich kann machen was ich will im iE geht das nicht auf die höhe < ca. 18px. Warum? Wo ist der Fehler, mozilla macht es richtig.

Source ausschnitt;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta name="author" content="">
<link rel='stylesheet' href='standard.css'>
</head>
<body>
 <div class="bannerhint">
  <div class="banner"></div>
 </div>
         <div class="trennlinie"></div>
         <div class="navihint"></div>

</body>