habe nun mal das beispiel mit dem display:inline ausprobiert und nun taucht ein anderes Problem im Firefox auf:
<html>
<head>
<title>Test</title>
<style type="text/css">
div.menue {
border:1px solid red;
padding:1em;
}
ul {
width:40em;
list-style:none;
margin:0; padding:0;
}
ul li {
display:inline;
padding:1em;
}
ul li a {
padding:1em;
background:yellow;
display:inline;
}
ul li a:hover { background:gray; }
</style>
</head>
<body>
<div class="menue">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
</body>
</html>
Problem: Unter jedem Link ist eine weisse, 1-Pixel-Hohe weisse Linie die auch beim a:hover nochmal deutlich wird. Wo kommt der Scheiss denn jetzt schonwieder her?