Div Is Not Calculating Height Automatically

I have a div which contains 2 elements. First element is a span and second element is an input, like:

FirstName

Solution 1:

Here is working demo with jQuery - http://jsfiddle.net/dccF2/3/

Solution 2:

Use height:inherit; in the child elements.

Solution 3:

Try the following -

#container{
width:300px;
height:auto;
overflow:hidden;
}​

Working DEMO

EDIT: added Position:absoulte

Updated DEMO

Share