Dominik: IE zeigt Linkbar komisch an, als einziger!!

Beitrag lesen

Hallo
Ich habe eine Linkbar gemacht, die meiner meinung nach so funktionieren sollte, Firefox findet das auch :-D
Internet Explorer nicht...
Ich habe echt alles probiert und komme einfach nicht weiter

Kann jemand helfen!!!!!!

Wieso zeigt der IE diese komische Zeile unter der Menubar an, die irgendwie keine neue Zeile ist, weil wenn ich den text dort markiere wird er auch oben markiert... komisch!!

Besten Dank im voraus

  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  
<html>  
<head>  
<title>Versuch</title>  
  
<style type="text/css">  
  
  
  
body {  
 background-color:#79B9FF;  
  width:100%;  
  height:100%;  
  margin:0;  
  padding:0;  
 }  
  
/*******************************************************************************  
*   Allgemeine Elemente       *  
*******************************************************************************/  
  
/* Floatclearelement */  
#DEL {  
 clear: both;  
  }  
  
  
/*******************************************************************************  
*   Auszechnung der Link-Leiste     *  
*******************************************************************************/  
  
  
a.Blobb{  
 /*Auszeichnung der Links: FORM*/  
 width:150px;  
  height:24px;  
 background:url(glass_bg.png) transparent top repeat;  
  display:block;  
 float:left;  
  /*Auszeichnung der Links: SCHRIFT*/  
  font-family:century gothic;  
 color:black;  
 text-decoration:none;  
  }  
  
  a#aktiv, a.Blobb:hover {  
 background:url(nav_current.png) transparent top repeat;  
 color:white;  
}  
/*******************************************************************************  
*  Auszechnung des Anzeigebereichs     *  
*******************************************************************************/  
  
  
#Anzeigebereich {  
 width:750px;  
  height:200px;  
  background-color:green;  
  margin:0 auto 0 auto;  
  }  
  
</style>  
</head>  
  
  
  
<body>  
  
  
<div style="text-align:center;">  
<div style=" margin:0 auto 0 auto; width:750px;" >  
<a href="#" class="Blobb" id="aktiv">Home</a>  
<a href="#" class="Blobb">Link</a>  
<a href="#" class="Blobb">Link</a>  
<a href="#" class="Blobb">Link</a>  
<a href="#" class="Blobb">dudu</a>  
<div id="DEL"></div>  
</div>  
</div>  
  
<div style="text-align:center; border:1px solid black;">  
<div id="Anzeigebereich">  
</div>  
</div>  
  
</body>  
</html>