Das Problem noch einmal mit einem ganz einfachen Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>test</title>
<style>
ul {
list-style-type:none;
}
li {
list-style: none;
background: url(icons/tree/i-repeater.gif) 0 0 repeat-y;
display:block;
width:auto;
}
a {
white-space: nowrap;
padding: 10px 0px 10px 18px;
line-height: 16px;
background:url(icons/tree/page-file.png) 0 50% no-repeat;
}
</style>
</head>
<body>
<ul>
<li><a href=""><span>kurz</span>
<ul>
<li><a href=""><span>lang lang lang lang lang lang lang lang lang lang lang lang lang lang lang lang</span></a></li>
<li><a href=""><span>kurz</span></li>
</ul>
</li>
<li><a href=""><span>kurz</span></li>
</ul>
</body>
</html>
Wenn das IE-Browserfenster schmaler gestellt wird, rutscht der Langtext nach links.