Header mit Hintergrund auf bestimmte Breite bringen

[Bege]

Guten Tag,

für meine neue Seite, die noch nicht online ist soll der header mit dem Logo auf 800 px gestellt werden.

Es handelt sich um folgende Seite:

http://www.dentona.de/pages/news.php?lang=de

Der Logo Teil(ganz oben) sieht bei der neuen Seite aber genau so aus.

Das Logo und der Balken sollen bei Auflösung 600 x 800 die ganze Breite des Bildschirmes ausfüllen. Und bei 1024 x 768 800px breit sein.

Ich schaffe es einfach nicht.

Hier das html und css:

<div id="header">
 <img id="left" src="../images/edgeleft.jpg" alt="" />
 <img id="right" src="../languages/de/img/slogan.gif" alt="" />
</div>

#header { background:#fff url(../images/bar.jpg) repeat-x bottom left; height:52px; margin:0; padding:0; }
#left { float:left; width:200px; height:52px; border:none; }
#right { float:right; width:343px; height:35px; border:none; }

Wer kann helfen.
Danke!!!!

Gruß Bege