wypełnienie przestrzeni między divami innym divem.

[myst3ry7]

Mój problem polega na tym że nie wiem jak wypozycjonować div, aby wypełniał on przestrzeń między divami które mają position:fixed. Może ktoś by mi trochę uprościł to co już wypociłem. W html/css bawię się od kilku dni.

Kod:

CSS:

html, body{background: #003300; padding: 0px; margin: 0px; height:100%;}

 #calosc {

  height:100%;
  position:relative;
 }

#top{
height:100%;
position: fixed;
width: 760px;
top: 0;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
}

#menu{
height:100%;
position: fixed;
width: 760px; 
top: 0;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
}

#cialo{
height:100%;
background: #e0e0e0;
width: 760px;  
text-align: center;
top: 0;
right: 0;
left: 0;
padding-top:155px;
padding-bottom:100px;
margin-left: auto;
margin-right: auto;

}

#stopa{
background-image: url('stopa.png');
bottom:0px; 
position:fixed; 
width:760px; 
height:100px; 
margin: 0 auto; 
text-align: center;
right: 0;
left: 0;

}

HTML:

<div id="calosc">

	<div id="top">

	</div>

	<div id="menu">

	</div>

	<div id="cialo">

	</div>
	<div id="stopa">

	</div>

</div>	

</body>
</html>

html i css to skrócone wersje. W top jest logo, w menu butony, stopka ma tło i chodzi mi o to aby ciało było między stopa i menu oraz żeby rozciągało się w zależności od rozdzielczości. Teraz tak jest, ale po użyciu padding pojawia się scrollbar nawet jak nie me tekstu. ,,ciało" chcę zrobić pod include w php-może to wam trochę rozjaśnij moją sytuację :P/>/>/>/>

Na koniec zdjęcie: