Größendynamische Seite mit Scanlines

[con]

Tach Leute!

Ich habe ein kleines Problem mit einer Seite:
Ich habe eine Navigation bestehend aus zwei Bereichen:

• Navigationspunkte (80%)
• Logo (20%)

-----------

Nun zum Problem:
Ich habe als Hintergrund Scanlines, und wenn ich mir die Seite bei verschiedenen Auflösungen bei verschiedenen Browsern anschaue, muss ich feststellen, das die Scanlines manchmal "falsch" liegen, also das zwei weisse Scanlines aufeinanderfolgen (was das Gesamtbild etwas stört).

Wird das Browserfesnter nun einen Pixel flacher gemacht, sollte es wieder passen... nun aber das Problem:
Wie kann ich die Seite abändern, das das ganze _immer_ schick aussieht?

• Feste Größen sind nicht möglich, wg. Farbverhältnis Logo und Navigation
• Transparente Grafik geht nicht, wg. "Scanline-Farbverlauf" in Logo.
• Für jeden Browser und jede Auflösung eine andere Seite:
    Zuviel Aufwand und zuviele Möglichkeiten

Die einzige Mögllichkeit, die ich sehen kann, ist ein JavaScript, das den Browser abfragt, dann die Größe des Inhaltfensters, und dann je nach Höhe (gerade oder ungerade Pixelzahl) die Grafik austauscht oder verschiebt und so das Problem löst...
(dazu noch ein schickes Resize Fix... oh mein Gott..)

-----------

Ihr seht, ich hab mir schon einige Gedanken gemacht, aber naja, ne wirklich schöne Lösung scheint es nicht zu geben... :-(

Vielleicht fällt Euch ja noch was ein, ich würd mich sehr freuen!
Und falls Ihr URLS zu passenden Java Script habt auch! *g*

Hier die URL zum selberschauen: http://www.wasag.de
Vielen Dank für jegliche Ratschläge, URLs etc.

In diesem Sinne. CoN.