DIV not expanding with ajax content. Please guide me

Hi

I have the following div : containerResult

<div class="containerResult">

<div align="center">
<div id="homeContent" name="homeContent">
<div id="introduction" class="introduction"><strong>.....</strong></div>
<div id="fontDroid" class="fontDroid">......</div>
</div>
</div>

<div id="ajaxDivUp1" style="display:none;"></div>
<div id="ajaxDivUp2" style="display:none;"></div>
<div id="progressbar" align="center" name="progressbar" style="display:none;"><img src="ajax-loader.gif" /></div>

<div class="clear"></div>

</div>

This is the css for div - containerResult


.containerResult{
margin-top:20px;

background:#FFFFFF;
border:1px solid #E0E0E0;
padding:15px;

bottom:50px;
overflow:hidden;


/* Rounded corners */
-moz-border-radius:20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius:20px;
}


when the table in the following div's is updated via ajax the size(height) of the containerResult is not increased and these 2 div's spill-out of the containerResult div


<div id="ajaxDivUp1" style="display:none;"></div>
<div id="ajaxDivUp2" style="display:none;"></div>


Please help me to fix it

 

What do you actually want to position, align, move?? It's not really understandable what you want to do here. And what genious told you divs have name attributes???

 

Thanks for your reply. I am new to css and website development, I wanted my main div containerResult to expand in height when results from ajaxDivUp1,ajaxDivUp2 are updated

 

bottom:50px; is not going to help at all. You can define the height of the your wrap section (height: 100%; ) and make the inside divs relative.
And I ask once again, why do you assign names to your divs?

 

I did height 100% but it didnt work ... and as I said I dont know much about css I am trying out things ...will remove it

 

Well, I'm afraid I won't be able to help if you don't show us the whole demon or something.