Alex: CSS Navigation unterschiedliche Breite trotz Definition

Beitrag lesen

Hi,

irgendwie bekomme ich das CSS für eine Navigation nicht im IE und Netscape hin.

Nachfolgend der Code:

<html>
<head>
<title>CSS Beispiel</title>

<style type="text/css">
body {
  background-color:#FFFFFF;
  margin-left:0px;
  margin-top:0px;
  font-family:sans-serif
}
div.naviSec a{
  width:200px;
  PADDING-LEFT:12px;
  PADDING-RIGHT:12px;
  PADDING-TOP:3px;
  PADDING-BOTTOM:3px;
  FONT-WEIGHT:normal;
  FONT-SIZE:12px;
  COLOR:#CCCCCC;
  BACKGROUND-COLOR:#666666;
  BORDER-BOTTOM:#CCCCCC 1px solid;
  TEXT-DECORATION:none;
}
div.naviSec a:hover {
  width:200px;
  PADDING-LEFT:12px;
  PADDING-RIGHT:12px;
  PADDING-TOP:3px;
  PADDING-BOTTOM:3px;
  FONT-WEIGHT:normal;
  FONT-SIZE:12px;
  COLOR:#333333;
  BORDER-BOTTOM:#9a9a9a 1px solid;
  FONT-FAMILY:arial;
  BACKGROUND-COLOR:#DEE3E7;
  TEXT-DECORATION:none;
}
div.naviSec p{
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}
</style>

</head>
<body>
<div class="naviSec">
<p><a href="http://www.google.de" target="_blank">Google.de Suchmaschine</a></p>
<p><a href="http://www.google.de" target="_blank">Google.de Images</a></p>
<p><a href="http://www.google.de" target="_blank">Google.de Groups</a></p>
<p><a href="http://www.google.de" target="_blank">Google.de und so weiter</a></p>
</div>
</body>
</html>

Im IE erscheint die Navi, so wie ich sie haben möchte, währrend im Netscape alles etwas verschoben und überlappt ist *grml*

Weiß jemand Rat?

Danke und Gruß