Filling the void

[Zilee]

Hey guys, I'm building a desktop-style app and I basically set the html to overflow:hidden to eliminate the scroll bars.Current issue is that the div named: "leftPanel" doesn't go down all the way to the footer. I have no idea how to make it go down all the way.Here's the shortened code, I put some colors for you guys :

html, body {	height: 100%;	width: 100%;	overflow: hidden;	background-color: dimgray;}.wrapper {	min-height: 100%;	height: auto !important;	height: 100%;	margin: 0 auto -4em;}.leftPanel {	min-height: 100px;	width: 200px;	background-color: green;	}.footer {	height: 4em;	background-color: olive;}

Html :

<div class="wrapper">		<div class="banner"></div>	<div class="leftPanel"></div>	</div><div class="footer">	<p>Copyright (c)</p></div>

So basically the leftPanel div should reach the footer and expand or get smaller depending on screen resolution.