Alright, so I'm facing a little issue with a div that's nested within a form. The form has been set to a minimum height of 100%, however, the child div doesn't seem to stretch even after adjusting the height or min-height properties to 100%. Interestingly, when the form's height property (not min-height) is set to 100%, the div stretches just fine. Any idea what's causing this?
<form>
<div id="host">
</div>
</form>
body, html{
height: 100%;
}
form
{
min-height: 100%;
}
#host{
min-height: 100%;
background-color: red;
}