Der #content-Bereich rechts der gefloateten Navigation, der mit margin-left auch unterhalb Selbiger auf gleichbleidendem Abstand gehalten wird, passt sich nicht der Breite des Browser-Viewports an, wie gedacht, sondern bleibt auf eine sehr geringe Breite (die iirc ca. der der Navigation entspricht) beschränkt.
Meine Frage lautet nun, an welcher Kombination von CSS-Eigenschaften dieses Verhalten liegt und wie man das ganze umgehen kann.

Der MSIE 5.x hat einen Bug, der ihn eine Kombination aus einem Universalselektor und einem Attributselektoren als Universalselektor interpretieren lässt. Den Selektor der Regel

*[id^="foo"] div {
display:block;
width:13em;
margin:0.2em auto
}

interpretiert er als »* div« und vergibt die Eigenschaften an jedes div-Element, somit auch an #content. Das gilt auch für die anderen Regeln mit ähnlichem Selektor, die eine davor und die drei danach.

Du willst offenbar durch die Selektorwahl bestimmten Browsern spezielle Regeln geben, vielleicht nutzt du eine andere Möglichkeit, die MSIE 5.x nicht missverstehen kann.

Übrigens gäbe es viele Anmerkungen zu deiner Seite, wieso nutzt du etwa XHTML 1.1 als text/html? XHTML 1.1 erlaubt per se keine HTML-Kompatibilität und ist daher nicht empfehlenswert, wenn du »browserübergreifend« schreiben willst. Dazu wirst du aber detaillierte Postings von mir im Archiv finden. Die Angabe von application/xhtml+xml im meta-Element ist widersinnig, weil das meta-Element sowieso nur relevant ist, wenn das Dokument als text/html ausgeliefert wird, und dann ist eben text/html der Inhaltstyp, obwohl es wie gesagt unpassend ist, XHTML 1.1 als HTML an HTML-Clients zu senden.