Da muss ich Dich enttaeuschen. mein IE 6 macht da nen fetten zentrierten Block, der sich zwar so verhaelt wie du es magst, aber leider zu gross ist. Das heisst der ist immer gleich gross, unabhaengig vom Viewport. (das gleiche wie dein DIV 1)
Und so wie ich dich verstehe moechtest du ja, dass zuerstmal der Block immer eine bestimmte Groesse im Verhaeltnis des Viewports hat. Erst dann soll er ja auf Schriftgroessenaenderungen reagieren.
Meiner Meinung nach ist genau das das Problem und deshalb nicht loesbar. Du moechtest einen auf % basierenden Container der auf em reagiert. Max-width ist wohl eine Loesung - fuer Browser die damit umgehen koennen...