Olli: Liste/Baumansicht: LI verrutscht

Beitrag lesen

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.