Habe folgenden Code:
<html>
<head>
<title>Test</title>
<style type="text/css">
ul {
list-style:none;
margin:0; padding:0;
background:green;
overflow:auto;
}
ul li {
float:left;
}
ul li a {
background:yellow;
float:left;
padding:1em;
}
ul li a:hover { background:gray; }
</style>
</head>
<body>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</body>
</html>
Problem: Wenn ich im Firefox auf einen der Links klicke erscheint rechts ein Scrollbalken, hervorgerufen durch overflow:auto.
Ich frage mich nun schon seit mehreren Tagen, warum das so ist und wie ich es wegbekomme.
Notiz: Das ganze soll später mal ein horizontales Navigationsmenü werden.