Having trouble with floats

[dmorand]

I'm having a problem where my submit button isn't floating over to the right inside of the div. It's supposed to be inside of the "test" div, but it's just below it. What am I missing? This is just a test snippet I was working with to get this functionality to work correctly.

<div id="mainT">
    <div id="test">
        <h4>Enter New Values and Submit</h4>
            <label>ID: </label>#URL.system#
            <input class="submitT" type="Submit" value="Submit">
    </div>
</div>
 

div#mainT{
   border:1px solid #CCC;
    margin-bottom:25px;
    width:600px;
    padding:10px;
    font-size:10px;
     color:#000;
    background-color:#EEE;
}
div#mainT input.submitT{
    /*margin:0 0 0 15px;*/
    float:right;
}
div#mainT label{
    width:120px;
    float:left;
    /*margin:0 0 0 15px;*/
}
div#test{
    border:1px solid red;
}
 

[drhowarddrfine]

And it should not. Parent elements are never to expand to contain floated elements. (IE will but this is a bug in IE). to get the parent to contain the content "overflowing" out of the div, add 'overflow:auto' to the containing div.

[dmorand]

And it should not. Parent elements are never to expand to contain floated elements. (IE will but this is a bug in IE). to get the parent to contain the content "overflowing" out of the div, add 'overflow:auto' to the containing div.

What would be the alternative to get this to work? I was under the impression that the parent element would expand, damn.

[drhowarddrfine]

I already showed you.

[dmorand]

I already showed you.

Ok, I just wasn't sure if there was a different way I should be doing this rather than using floats. Thanks though!