DIV height 100% ?

This site is best viewed in a modern browser with JavaScript enabled.

freelancekaleem

Hi, I want to increase test categories div height 100% with background image. This panel is on left side. Here is the URL: The Euro Grads (Get Better Results)

HTML Code:

<div id="rightmenu">
<div id="menuheadback"><div class="menuhead">Test Categories</div></div>
<div id="manuelinks">
</div>
</div>

CSS Code:

#rightmenu
{
float:left;
width:240px;
}
#menuheadback
{
width:240px;
height:38px;
background-color:#000000;
}
.menuhead
{
color:#FFFFFF;
font-family:Verdana;
font-size:20px;
font-weight:bold;
padding-left:10px;
padding-top:5px;
}
#manuelinks
{
width:240px;
background-image:url(images/menubackground.jpg);
height:100%;

}

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

Cory_R

Using CSS for this can give you screwy and mixed results more than likely, what you want to do is use jQuery to grab the height of [font=Corbel]#leftpanel[/font] and give it to [font=Corbel]#rightmenu[/font].

CSS-wise, height: 100%; on the [font=Corbel]#maincontainer[/font], [font=Corbel]#innercontainer[/font] and [font=Corbel]#rightmenu[/font] strips with overflow: hidden; from [font=Corbel]#maincontainer[/font] removed will give you the closest result, but it's still not exact.