This is the original design...

 

As i try to position the contentbox in html, above the mountain The top margins goes down see below

 

 

 

#wrapper {

background-image: url(images/Achtergrond.png);

background-repeat: no-repeat;

height: 100%;

width: 100%;

margin-top: -14px;

margin-left: -9px;

}

#wrapper #contentbox {

background-image: url(images/Contentbox.png);

background-repeat: no-repeat;

height: 614px;

width: 897px;

margin-left: 365px;

margin-top: 65px;

 

 

Can someone figure this out for the newbie ?

It would be helpful to see all the code including html.

It could be margin collapse if you have h or p tag very near the top of the first div. What happens if you add

* { margin: 0; padding: 0; }

at the very top of your stylesheet? You will have to add back specific margins and padding where you want them in ids or classes.

Above did not work,

 

Although when i insert the image in the wrapper and then give it an style like :

 

#wrapper img {

margin-top: 65px;

margin-left: 395px;

}

 

Then the result is fine. But i cannot code it