Der IE gleicht das „#box“-div an die body breite an
Der FF weißt dem „#right“-div und dem „#left“-div eine height von 0 zu. Der IE weißt dem „#right“-div und dem „#left“-div eine height zu, aber diese ist eben immer noch nicht gleich groß, wie das „#content“-div.
Das was hier mit Farben dargestellt ist soll später noch gegen einen richtigen Rand aus background-images ersetzt werden.
Zu Problem 1: das macht der IE auch richtig, wenn Du einem Blockelemt sagst es soll floaten braucht es auch eine Größenangabe. Ergänze also die Breite.
Zu Problem 2: Vielleicht wären faux columns das Richtige für dich. Vielleicht würde es auch reichen, wenn Du auf die Elemente links und rechts verzichtest und das mittlere div auf die ganze Breite bringst und den Inhalt (also das Bild) zentrierst.
Zu deinem ersten Vorschlag:
das Problem ist, dass es um ein dynamisches Layout gehen soll.
Es soll ein Bild,dessen größe unbekannt ist, mit 7 bildern umgeben und somit einen „Rand“ bilden.
Im Anhand, sieht man wie es aussehen soll.
Zu deinem zweiten Vorschlag:
das Problem wäre ja dann, das wenn ich das img kompett über die Breite mache, dass ich links und rechts kein „Rand“ mehr habe.
Und somit komme ich auch denke ich mit faux columns nicht weiter, da man so nur maximal eine spalte simulieren kann. Oder liege ich hier falsch?