zoom & minimieren - Problem

[Safari]

Hallo Leute!

ich habe folgende HTML Stuktur in meiner Datei.

<div class="hbackground">
      <div class="front-container">
            .....
      </div>
</div>

Die CSS Formatierung dafür sieht folgendermaßen aus:

.front-container
{
    width: 1000px;
    margin: 0 auto;
    height: inherit;
    padding-left: 20px;
    padding-right: 20px;
}
.hbackground
{
    display: block;
    width: 100%;
    min-width: 1000px;
    height: 370px;
    background: #000 url(Images/black_bg.gif) ;
    overflow: hidden;
}

Das Problem an der Sache ist, dass wenn ich in die seite zoome oder das fenster minimiere und den balken nach rechts verschiebe, der hintergrund ziemlich unsauber aussieht. (siehe Bilder)


Ziel ist es, dass der Hintergrund auch beim zoomen und minimieren (+ scrollbalken nach rechts verschieben) bis zum scollbalken geht und nicht, dass ein ca 50 pixel großer abstand bleibt

 

[threadi]

Vermutung: Du gibst für .hbackground eine Breite von 100% an. Prozent von was? Hier kommt es auf die Umgebung an, ansonsten bleibt das Element 1000px breit (was Du ja als Mindestbreite angegeben hast). Die Lösung wäre abhängig von deinem HTML-Code. Wenn das Element mit .hbackground direkt innerhalb von body steht, müsstest Du noch im CSS das ergänzen:

html, body { height: 100%; width: 100%; }

Wenn es das nicht ist, zeig bitte einen Link zur Seite.