DIV height 100% ?

Hi, I want to increase test categories div height 100% with background image. This panel is on left side.

HTML Code:

CSS Code:

i try so many things but can't able to increase the height to 100%;.
Any one can help me plzz

 

try put something between the div. i think if it's empty, html will not show anything at all.

<div id="manuelinks">
&nbsp;
</div>

 

yes you can find the full tutorial on www(dot)amitdesigner87(dot)blogspot(dot)com/2011/07/div-height-100.html

 

Do you mean 100% of page height or 100% of background image's height?

If you mean 100% of page height, your code already works with Chrome 12.0 and FireFox 5.0.

If you mean 100% of background image's height, you can try following codes:

<style>
.menu-cover { position: absolute; }
.menu { width: 240px; height: auto; overflow: hidden; }
.menu .cover { position: absolute; top: 0px; left: 0px; width: 240px; height: 100%; overflow: hidden; }
</style>

<div class="menu-cover">
<div class="menu">
  <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcTTv1ESV-MIShiVMohDjgiJaNqZoWTHOgmYS6y_tAlIhVZIHSbMBw" />
  <div class="cover">
<pre>
1. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
2. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
3. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
4. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
5. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
6. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
7. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
8. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
9. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
10. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
11. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
12. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
13. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
14. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
15. Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing 
</pre>
  </div>
</div>
</div>

Code (markup):