Ja super es klappt, danke Gregor.

http://jsfiddle.net/nhtdupjb/6/

doch wenn der Browser breiter als das Bild is wirde dieses wiederholt.
Das habe ich mittels no-repeat unterbunden.

Do wie bekomme ich das das Bild auch noch gezommt hin.

Hallo Moni,

versuch mal folgendes css
body, html {
height:100%;
}
#header {
background-image: url("http://magazin.salzburgerland.com/wp-content/uploads/2012/08/hochkonig-007.jpg");
width:100%;
margin-bottom: 10%;
height:100%;
}
#box1 {background:#ff0000;height:400px;}
#box2 {background:#c0c0c0;height:400px;}