Dynamic height for a div element

[davide]

Hi,
My html form include divs, container div and inner divs. The main inner div contain asp web controls and asp validators. The container div don't have height because its height changes when there is errors and the validators apears. On the right side and left side of this div there is another div which has background image. those divs used like a border. The problem is that I can see those border just if I give a specific height like 200px so it can not be dynamic and if an error ocuurs and the height of the main div changes, those borders' height doesn't change. I tryed to set the height to auto, to 100% or to delete the height but if i do so I see nothing.
Here the html:
<div class="boxForm" >
<div style="display:table-row-group ">
<div id="line_r" class="rightLine"></div>
<div id="gd_form" class="form">
controls here....
</div>
<div id="line_l" class="leftLine"></div>
<div class="downLine"></div>
</div>
</div>


Here the css :

.boxForm
{
width:647px;
/*height:550px; */
float:right;
background-color:#ffffff;
margin:0px 106px 0px 0px;
}


.rightLine
{
width:8px;
/*height:550px;*/
float:right;
background-image:url(../images/Forms/rightLine.png);
background-repeat:repeat-y;
}


.form
{
width:580px;
/*height:550px; */
float:right;
text-align:right;
margin: 0px 30px 0px 0px;
font-size:12px;
font-weight:bold;
}

.leftLine
{
width:8px;
float:left;
/*height:550px;*/
background-image:url(../images/Forms/leftLine.png);
background-repeat:repeat-y;
}

.downLine
{
width:647px;
height:19px;
float:left;
background:url(../images/Forms/downLine.png);
background-repeat:repeat-y;
}


Thanks,
David

[chrishirst]

Clear the floats!

[davide]

Thanks but it doesn't help

[chrishirst]

Let's see the document URI in that case. as anything else is just guessing.