Mein Ansatz wäre folgender:

- 1 div, der alles umschließt und zentriert wird - bekommt eine Breitenangabe, z.B. 80%, ist damit auch flexibel. Dieser erhält den Hintergrund wie oben beschrieben.

- Dann zwei weitere Container - einer links, einer rechts innerhalb des äußeren (z.B. mit float positioniert). Beide haben die seitlichen Streifen als Hintergrund (ebenfalls gekachelt und mit repeat-y versehen.

- Die beiden Logos im ersten Container oben mit float:left und right und mit negativem margin ausrichten, z.B. sowas: float:left; margin-top: - 5px; margin-left: -5px; für den linken - damit bekommst Du sie über die Grenzen des äußeren Containers . Die genauen Werte mußt Du natürlich austüfteln (und clearen nicht vergessen!)
Diese Konstruktion ist dann flexibel und paßt sich jeder Monitorgröße an - außerdem sind die Grafiken sehr klein und die Ladezeit bleibt gering.

Versuch mal, das umzusetzen - ich wollte Dir das jetzt nicht komplett vorkauen. -> bei Problemen halt fragen.