problem mit div-positionierung: div hinter div, statt darunter

[iasonas]

@matthias ich danke dir für deine unterstützung! es klappt. es ist toll. habe zu kompliziert gedacht. ...wobei nun bei meinem 27 zoll-monitor die hälfte des bildschirms mit dem bild voll ist. deshalb hatte ich das jpg als background-img in ein div gesteckt, damit ich hier mit prozenten arbeiten kann (also: 30% bild , 70% text):

#bild {
width: 100%;
height: 30%;
background-image: url('b-tunnel.jpg');
background-repeat:no-repeat;
background-position: center;
background-size: 100% auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	display: block;
}

#mitte {
height: 70%;
margin-bottom: 2em; 
float: left;
}

gibts hierfür keine lösung? :-) gruß iasonas