Afbeelding te overheersend

Hallo,

Ik heb nu dit (is de url)

http://ombouwapeldoorn.nl/informatie.php#top2017a27;p4csmp;ng=1217#3a27;p4=-928-6dd3=344017#3a27;p4esurs&dn2017#3a27;p4=2d5-928-6dd3=3443

Zie de website voor info. De Balk boven met de melding dat hij te koop is is komt als je bovenaan bent achter de header. Oftewel de header is te overheersend. Kan iemand mij helpen?

CSS van de header:

.headers {
    width: 1010px;
    height: 150px;
    position: absolute;
    background: url(/css/images/header.png);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 20;
    left: 50%;
    margin-left: -505px;
}

CSS van de balk:

body{
  margin:0;
  padding:header-<length> 0 footer-<length> 0;
 }
 div#header{
  position:absolute;
  width:100%;
  height:30px;
  height:header-<length>;
  font-size: 11px; 
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:footer-<length>;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
div#header{
 border-bottom: 1px solid #A4A4A4;
 background-color: #FFFFE1;
 color:black;
}

Alvast bedankt. Als het lukt 0.2 pnt. voor de gene die het oplost.

Ik denk dat je in de css van headers regel 4 (position: absolute weg moet laten.

Nee dan gaat hij helemaal naar links?

je moet de html ervan boven de header enzo zetten

Nog een keer in goed Nederlands?

Ik heb hem nu wel (zie website) Maar hij scrolt nog niet mee.

hij scrolde net wel mee, wat heb je veranderd dan?(misschien te veel weggehaald?)