Du kannst auch einfach im die beiden nebeneinander liegenden Boxen (Rot) position:static lassen (Standard).
Dann in der linken Box (Blau) float:left; und in der rechten Box (Grün) clear:right;. Dann kannst du diese Box per margin-left neben die linke Box schieben.
Auch dabei bleibt der Elementfluss um die rote Box erhalten.

Kompatibel zu allen gängigen Browsern (auch IE6).