Mick: Float verhindert Zeilenumbruch in Listenpunkt

Beitrag lesen

Hallo!

Ich habe links eine Navigation (float:left), und daneben einen Contentbereich, der ebenfalls gefloatet ist und einen längeren Listenpunkt enthält. Bei kleinerem Fenster hätte ich gerne einen Zeilenumbruch in diesem Listenpunkt, doch außer im IE rutscht bei allen anderen Browsern der Contentbereich unter die Navigation.

Was mache ich falsch? Der Code:

----------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>

<style type='text/css'>

#navi {
  background-color: red;
  width: 300px;
  height: 200px;
  float: left;
}
#content {
  float: left;
}
</style>

</head>
<body>

<div id='navi'></div>

<div id='content'>
    <ul>
      <li>Listenpunkt mit etwas mehr Text, der bei kleinerem Fenster einen Umbruch machen sollte</li>
    </ul>
  </div>

</body>
</html>

----------------------------------------

Danke für Hinweise!