Ich habe es gelöst. Das einzige was mir noch etwas kopfzerbrechen macht, ist das es beim IE8 abwärts nicht hinhaut.
http://dabblet.com/gist/77fa8f00a5754766d9c4
#box1 {
background: url("http://upload.wikimedia.org/wikipedia/commons/1/16/Satellitenaufnahme_der_Alpen.jpg") no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
height: 100%;
}
#box2{
background:#ff0000;
width:100%;
padding:100% 0 0 0;
}
#box3{
background:#BB0000;
width:100%;
padding:100% 0 0 0;
}