Viennamade: Kurioses hover-Problem bei float/clear

Beitrag lesen

Liebes Forum!

Ich habe ein ul-Liste gemacht, weiter unten ist der Code (hier aufs Problem reduziert). Wenn man mit dem IE6 über das li-Element "Akkus" hovert, dann springt dieses Element um eine Fingerbreite nach oben! Das Problem tritt weder beim aktuellen Opera noch beim Mozilla auf. Ich knabbere an dem Problem schon 2 Tage >> Hilfe!

Beste Grüße
Viennamade

<style type="text/css">
<!--
ul.list{list-style-type:none; }

ul.list li a{display:block;width:140px; }

ul.list a:link{ border:1px solid #d5e7ec;}
ul.list a:visited{border:1px solid #d5e7ec;}
ul.list a:hover{border:1px solid #008996;}
ul.list a:active{border:1px solid #d5e7ec;}

-->
</style>
</head>
<body>

<ul class="list">
   <li><a href="start.html">Home</a>
      <ul style="list-style-type:none; padding-left:0px">
         <li><a href="#">Produkte</a>
            <ul>
               <li><a href="#">Batterien</a>
                  <ul>
                     <li style="float:left;display:inline; "><a href="#">Knopfzellen</a></li>
                     </ul></li>
                  <li style="margin-top:20px;padding-top:20px;clear:left;"><a href="#">Akkus</a>
                  </li>
               </ul>
            </li>
      </ul>
   </li>
</ul>

</body>