Raggy: Grafik verschwindet in kleinem Fenster

Beitrag lesen

Hallo! Ich befasse mich erst seit kurzem mit html und css um mir eine homepage zu erstellen.
Habe nun folgendes Problem: Ich habe eine Grafik als hintergrund eingefügt (nicht background) und diese mithilfe eines codes von selfhtml schön im browserfenster zentriert.
Wenn ich aber das Browserfenster horizontal verkleiner, wird die grafik links einfach abgeschnitten, bzw. verdeckt. vertikal ist alles normal, ich kann dann runterscrollen und die ganze grafik anschauen, auch nach rechts kann ich scrollen und die grafik wird bis zum rand angezeigt, aber links verschwindet die grafik, ich kann auch nicht nach links scrollen. die navibar verschwindet sozusagen und kann nur wieder angezeigt werden, wenn das fenster wieder vergrössert wird.
habe das stylesheed dieser grafik in der html intern definiert weil es so als elternelement einfacher zu realisieren war, alle anderen objekte innerhalb der div-grafik sind in einer externen css definiert und es funktionier sonst alles einwandfrei.
hier mal der quelltext

<link rel="stylesheet" type="text/css"
 href="style.css">
  <style type="text/css">
#h1 {
position: absolute;
left: 50%;
width: 1000px;
height: 1500px;
margin-left: -500px;
<!-- Diese werte bewirken nach einer vorlage von selfhtml die zentrierung der grafik-->
}
  </style>

....

<div id="h1">
<img style="width: 1000px; height: 1500px;" alt=""
 src="hintergrund-a.jpg">

...

</div>

Weiß jemand was ich da falsch mache?
thx