nicht angemeldet
Problem1: Hat man einen großen Bildschirm, wird der Text (rechts) ins Bild (links) reingezogen. (Habe leider keinen großen Bildschirm mit höchster Auflösung.)
[Ohne das jetzt ausprobiert zu haben] Es liegt nicht am Bildschirm, es liegt an der für diesen Zweck ungeeigneten Maßeinheit em. Ich finde es ja immer überaus begrüßenswert, wenn nicht an der Basischriftgröße rumgespielt wird, aber <div>#links ist nunmal 450 Pixel breit (wegen des eingebettenen Bildes) und nicht 28em.
Die Schriftgröße hängt in gewisser Hinsicht bzw. je nach Nutzer mit der Auflösung zusammen, deshalb hast du vermutlich den Eindruck, es läge an letzterer.
Problem2: Bei älteren Browser bzw. bei Windows-NT-Betriebssystem verschiebt sich der Text nach unten und die Navigation stimmt nicht mehr.
Kann ich mangels älterem Browser jetzt nicht nachvollziehen, aber da du sinnvoll strukturierten HTML-Code hast: Binde style_val.css mit @import ein, damit klemmst du zumindest den einen oder anderen Uralt-Browser vom (CSS-) Drumherum ab, ohne seinen Benutzer vom Inhalt auszusperren (und der Benutzer kommt letztlich wegen des Inhalts, nicht wegen der bunten Grafik).
Die Angabe
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ist nebenbei bemerkt für die Nutzung von CSS wenig förderlich, da sich die Browser dann nicht an die Vorgaben halten (siehe http://hsivonen.iki.fi/doctype/), was das Ganze ein klein wenig zum Puzzle- und Glücksspiel verkommen lässt.
Dringend.
Eile mit Weile.