float: Elemente variabler Breite nebeneinander

[Der Martin]

Hallo,

ich habe anscheinend gerade eine Denkblockade bei der Verwendung von float zum Layouten. Ich möchte zwei Boxen nebeneinander plazieren:

Beispielseite

Die blaue Box (Linkliste) und die pinkfarbene Box (Inhalt) sollen nebeneinander stehen. Dazu floate ich sie beide nach links. Firefox und Opera zeigen es vermutlich richtig an, der IE dagegen so, wie ich es möchte. ;-)
Die Seite ist valides HTML 4.01 Strict, auch das CSS ist laut W3C-Validator fehlerfrei.

Die Lösungsansätze, die ich bisher gefunden habe (SELFHTML-Beispiellayouts, Archivbeiträge), gehen leider alle davon aus, dass mindestens eine der Boxen eine Breitenangabe hat. Aber gerade das möchte ich nicht. Die Navi soll so breit sein, wie es ihr Inhalt erfordert, und die Content-Box einfach den Rest nutzen.
Die beiden Boxen zu verschachteln wäre eine Möglichkeit - daran gefällt mir aber nicht, dass dann ein Teil des Textes im Content-Bereich wieder *unter* die Navi-Box rutscht, wenn er entsprechend lang (oder die Navi entsprechend kurz) ist. Da die Breite der Navi variablel ist, kann ich das nicht mit margin oder padding ausgleichen.
Was mache ich falsch?

Danke für alle Hinweise,
 Martin