ul#navigation bricht vor div-ende nicht um

[korn]

Abend!

Ich stehe vor folgendem Problem:

Wie schon im Titel steht, bricht meine ul#navigation nach dem Ende des DIV-Elements, in der sie sich befindet, nicht um, und zwar ungefähr so.

___________________________________
|                                   |
|                                   |
|   div            ul#navgation     |
|                                   |
|___________________________________|
                 |               |
                 | ul#navigation |
                 |_______________|

Und eben das will ich nicht, die navigation soll umbrechen und rechts davon weiter gehen!

Mein CSS-Code für die Navigation:

/* Navigation */
  ul#navigation {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  ul#navigation li {
      list-style: none;
      margin: 0.1em;
      padding: 0;
      width: 10em;
  }
  ul#navigation a {
      display: block;
      color: #1d46dc;
      text-decoration: none;
  }

Danke im Voraus,
Korn