Layout ohne Tabellen: % oder em?

Hallo
Ich versuche, Typo3-Seiten mit div's, ohne Tabellen zu erstellen. Dabei bin ich mir noch nicht sicher, welche grundlegende Gestaltung des Layouts am sinnvollsten bzw. möglichst barrierefrei und benutzerfreundlich ist.

1) Layout mit Breite von 100%:
Vorteil: passt sich jedem Bildschirm an.
Nachteil: Bei langen Wörtern z.B. in Menus kann es beim Vergrössern der Schrift zu Überlagerungen kommen, was unschön aussieht.

2) Feste Breite, z.B. optimiert auf Bildschirmgrösse 1024x768. Spaltenbreiten in px fest definiert.
Vorteil: Pixelgenaues Arbeiten möglich.
Nachteil: Überlagerungen beim Vergrössern (wie bei Variante 1)

3) Variable Breite in em. Beim Vergrössern "wächst" Das gesamte Bild proportional.
Vorteil: Die Proportionen bleiben immer erhalten; es gibt keine Überlagerungen.
Nachteil: Benutzer mit kleinerem Bildschirm und/oder grosser Schrift müssen waagrecht scrollen.

Ich persönlich bevorzuge die letzte Variante. Was ist eure Meinung dazu?

Danke für alle Meinungsäusserungen oder Layout-Tipps.

Zu Variante 1:
Ich kann das nicht nachvollziehen, wenn alles konsequent relativ gehalten ist. Hast Du ein Beispiel?

Variante 2 ist äußerst ungünstig. Nimm als Beispiel einfach User mit einer geringeren Auflösung - z.B. wegen eines kleinen Monitors. Relative Größenangaben müssen schon sein.

Für letztere Variante gibt es eine Version, die das Layout entsprechend anpaßt, damit der User nur senkrecht scrollen muss. Ich müßte nach dem Link nochmal suchen. Da würde dann der Nachteil entfallen. Prinzipiell wurde da die Breite des Browserfensters erkannt und ein entsprechendes CSS ausgewählt.

Edit:
Lies mal hier:
http://www.highresolution.info/webdesign/yaml/index.html

Vielen Dank für das tolle Tutorial! Da werde ich sicher Antworten auf meine Fragen finden.