Wysokość kontenera 100%

0

W jaki sposób mogę ustawić aby wysokość kontenera #menu była do samego dołu. Chodzi o ten z czerwonym tłem.

div#glowny {
           text-align: left;
           width: 850px;
           height: 100%;
           margin: 0 auto;
           padding: 0;
           position: relative;
}

div#top {
        height: 281px;
        background: url("logo.png");
        background-repeat:no-repeat;
        background-color: transparent;
}

div#menu {
         width: 200px;
         position: absolute;
         float: left;
         text-align: center;
         background: url("menu_right_back.jpg"); 
         background-position: right;
         background-repeat: repeat-y; 
         background-color: red;
}

div#srodek {
           text-align: left;
           width: 650px;
           margin: 0 auto;
           padding: 0;
           background: white;
           min-height: 500px;
           background: url("main_back.jpg") repeat-y;
           float: right;
}

div#stopka {
           height: 121px;
           clear: both;
           position: relative;
           background: url("doltlo2.jpg");
}
<div id="glowny">
<div id="top"></div>

		<div id="menu">
			<div id="menupod">
			<p>Menu:</p>
			</div>
			
			<ul>
				<li><a href="index.html">Link1</a></li>
				<li><a href="index.html">Link2</a></li>
				<li><a href="index.html">Link3</a></li>
				<li><a href="index.html">Link4</a></li>
			</ul>
			
			<div id="menupod2">
			<p>Modele:</p>
			</div>
			
			<ul>
				<li><a href="index.html">Link1</a></li>
				<li><a href="index.html">Link2</a></li>
				<li><a href="index.html">Link3</a></li>
				<li><a href="index.html">Link4</a></li>	
			</ul>
			
			<div id="menupod2">
			<p>Pomoc:</p>
			</div>
			<ul>
				<li><a href="index.html">Link1</a></li>
				<li><a href="index.html">Link2</a></li>
				<li><a href="index.html">Link3</a></li>
				<li><a href="index.html">Link4</a></li>
				<li><a href="index.html">Link3</a></li>
			</ul>
		</div>
		
		<div id="srodek">
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
						<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
						<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
			<p class="text">Text Text text tetxt tetxt tetxt</p>
		</div>


<div id="stopka">
<p>&copy; copyright Mati</p>
</div>

</div>
0

np. height:100% na #menu i overflow:hidden na #glowny.

1 użytkowników online, w tym zalogowanych: 0, gości: 1