nicht angemeldet
Hallo Forum,
Ich habe eine Navigation per CSS formatiert. Dabei taucht ein Fehler auf. Im IE wird nach jedem "li" Element ein Pixel Abstand eingefügt, der da nicht hin soll (der grüne Hintergrund scheint durch). Im FF sieht das Ganze korrekt aus. Kann mir jemand erklären, wo dieser Pixel herkommt, und wie ich ihn beseitigen kann?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>1 Pixel</title>
<style type="text/css">
<!--
#navigationsliste{
background-color:#00FF00;
}
ul{
margin: 0;
padding: 0;
}
li {
margin: 0;
padding: 0;
}
#navigationsliste ul {
margin: 0;
padding: 0;
width: 150px;
list-style: none;
background-color: #FBF6E7;
display:none;
}
#navigationsliste a {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
color:#434193;
text-decoration: none;
border-bottom: 1px solid #E44236;
padding: 8px 20px 8px 0;
width: 130px;
text-align: right;
background-color: #FBF6E7;
}
#navigationsliste a:hover {
background-color: #FFFFFF;
}
-->
</style>
</head>
<body>
<ul id="navigationsliste">
<li><a href="de/4/index.html">Das Unternehmen</a></li>
<li><a href="de/5/index.html">Betreutes Wohnen Seniorenwohnungen</a></li>
<li><a href="de/6/index.html">Häusliche Pflege</a></li>
<li><a href="de/7/index.html">Hausnotruf</a></li>
<li><a href="de/8/index.html">Service & Infos</a></li>
<li><a href="de/9/index.html">Aktuelles</a></li>
<li><a href="de/10/index.html">Jobbörse</a></li>
</ul>
</body>
</html>
vielen Dank!
Gruß,
Dwarf