Die Antwort ist eher unbefriedigend da sie nicht berücksichtigt, dass ich einen Rahmen um das Menü haben möchte.
<html>
<head>
<title>Test</title>
<style type="text/css">
div.menue {
border:1px solid red;
}
ul {
list-style:none;
margin:0; padding:0;
}
ul li {
float:left;
}
ul li a {
background:yellow;
float:left;
padding:1em;
}
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>
es hätte ja auch sein können, dass ich einfach nur dem <ul>-einen Rahmen hätte geben wollen. Dies ist ohne overflow:auto jedoch nicht möglich.