parent and child div not expanding
I had a create an application using jquery mobile framework.In dat i had bind my data dynamically from the database and appending it to a child div inside the parent div.But My problem is my parent div and child div not expanding according to the content.I had paste my code here.
html part
<div id="div_tempfl" data-role="header" data data-theme="f">
<!--<h3 id="tempnameheaderh3"></h3>-->
<div id="divtempflinner" class="div_tempfl_inner"></div>
</div>
css part
#div_tempfl
{
min-height: 120px;
background-color:#F9F9F9;
}
#div_tempfl div.div_tempfl_inner
{
width: 550px;
word-wrap: break-word;
text-align: center;
font-size: 30px;
font-weight: bold;
font-family:"customfont";
position: absolute;
top:5px;
bottom: 0;
left: 0;
right: 0;
margin:auto;
}