One issue I'm facing is that the nested div ('content') isn't adjusting its height based on the actual content, specifically my form. The parent div adjusts its height but the child div doesn't. Any ideas on how to fix this?
HTML:
<div id='container'>
<div class='content'>
<form action="#" id="admin_form">
<input type="text" class="input350" name="status" />
<input type="text" class="input350" name="tlt" />
<br>
<input type="text" class="input350" name="msg" />
<input type="submit" class="input350" style="float:left;" value="Admin" />
</form>
</div>
</div>
CSS:
#container
{
position: absolute;
width: 900px;
height: auto;
border:solid 4px #1FC3D2;
}
#container .content
{
position: relative;
background-color: #EFEFEF;
width: 898px;
height:auto;
border:solid 1px #000;
}