hilfe!! firefox akzeptiert navigation nicht richtig

[hello]

hallo zusammen

ich bin gerade an einer naigation für meine homepage. es idt eine horizontale navigation bei der bei einem rollover eine art unternavigation konnt. Also so eine art flyout-menü.
im safari funktioniert das auch einwandfrei...aaaaber im firefox wil es nicht, jedes mal wen ich dan über den "button" galerie gehe mit der maus wird der button breiter....immer und immer wieder, was kann ich dagegen tun? ist etwas falsch mit dem sourcecode?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
.navigation {
margin-top: 76px;
margin-left: 20px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333333;
}

li {
position:relative;
float: left;
text-align: center;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}

li a {
text-decoration:none;
color: #CCCCCC;
display: block;
width: 100%;
background-color: #424242;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:bold;
height: 23px;
background-image:url(bg_nav.gif);
}

li a:hover {
background-color: #686868;
color:#FFFFFF;
background-image:url(bg_nav_over.gif);
}

li ul {
position: absolute;
display:none;
top: 28px;
left: auto;
background-color: #666666;
}

li ul li a {
background-image: none;
background-color: #666666;
width: 100px;
text-align:left;
}

li:hover ul {
display:block;
}
li ul li a:hover {
background-image:none;
background-color:#CCCCCC;
}
</style>
</head>

<body>
<div class="navigation">
<ul>
<li><a href="">Home</a></li>
<li><a href="">ENG</a></li>
<li><a href="">News</a></li>
<li><a href="">Galerie</a>
<ul>
<li><a href="">testsadas1</a></li>
<li><a href="">test2</a></li>
</ul>
</li>
<li><a href="">Verkauf</a></li>
<li><a href="">Gewerbehaus</a></li>
<li><a href="">Kontakt</a></li>
</ul>
</div>
</body>
</html>

oder bin ich einfach zu blöd zum den firefox richtig zu nutzen?

mfg
manuel

 

[TaTonka]

versuch mal dein css anzupassen.. einfach bissl mit spielen. hier mal nen wert ändern, da mal nen wert ändern...

und glaub mir: ff ist näher am standard als safari....d.h. der anzeige vom ff ist zu vertrauen