Stretch image 100% problem.

[virtuexru]

OK. So the image/background image I want to stretch out is circled in red:

 

 

Here is the code for this section in the CSS:

 

.rightsub

{

background-image: url(img/rightsub.gif);

min-height: 50px;

}

 

For the actual page file:

 

<div id="navigation">

<div class="rightsub">

</div>

</div>

 

The navigation ID in question is:

 

#navigation

{

float: left;

width: 200px;

}

[jcombs_31]

You want it to stretch 100% where?  Vertically?

[virtuexru]

Yea, down to the bottom.

[virtuexru]

Bump..

[jcombs_31]

It will not work that way with css alone unless you are using a fixed width you can use faux columns. THere is another method using borders but that will not let you use images like the pattern you have. If you want you can use javascript to dynamically set the height based on that content section.