100% Height on CSS Borders

I have been playing with the following code for a few hours now and just have not been able to get the yellow column borders within my container to extend to 100% height of the co开发者_如何转开发ntainer.

I usually shorten my code before posting here but due to the left and right image panes being a factor I kept everything the way it was.

My jsFiddle - http://jsfiddle.net/anvio/KErVs/2/

Anyone have any ideas on what I should try? Thanks.

I think this might be what you want:

If you add a height to module-inner-container

<div class="module-inner-container" style="height:38px;">

and you remove the min-height from .module-container .body .content

.module-container .body .content{
    min-height:100px;   //REMOVE THIS
    background-repeat: repeat;
    background:url("//image") repeat;
    position:relative;
}

The borders stretch to the bottom.

Example: http://jsfiddle.net/jasongennaro/KErVs/4/