Placering af en streg

Hej

Jeg er ved at forsøge mig med Html og css. Har lige et spørgsmål som jeg håber i kan hjælpe mig med.

Vil placere en "divider" i form af et png.billed. Men jeg kan ikke få det til at bevæge sig.

Jeg har brugt :
<div class="midter1">
 
  </div>

CSS:

.midter1 {
    background-image:url(images/midter.png);
    height: 19px;
    width: 944px;
    top: 400px;
    position:absolut;
}


Jeg kan godt få det placeret hvis jeg bruger "id", men så får jeg et andet problem.

Hvis jeg gør browseren mindre rykker elementer sig fra side til side, i stedet for at siddde fast som en baggrund.?? Kan i forklare hvorfor den gør det ? ( jeg bruger position:absolut og har også prøvet med alle de andre position, fixex osv.