Ich habe das mal kurz ausprobiert und meine, eine Lösung sei mit „statischem“ CSS allein nicht möglich.
Wenn die umgebende #box1 irgendwo positioniert werden soll, braucht sie position:absolute
, dann aber kann #box2 nur absolut
zur Elter-Box positioniert werden, also nicht frei.
Mit Javascript vielleicht einmalig (habe ich nicht getestet), wenn der Zeitpunkt der Positionierung von #box2 eingefangen werden kann.
Dann kann #box1 die Eigenschaft position:absolute
zugeteilt und an die richtige Position gerückt werden. Position #box2 verschiebt sich und muss neu berechnet werden.
Linuchs