How can I position my div at the bottom of its container?

Answer 1

Yes you can do this without absolute positioning and without using tables (which screw with markup and such).

DEMO
This is tested to work on IE>7, chrome, FF & is a really easy thing to add to your existing layout.

    Some content you don't want affected by the "bottom floating" div
    
supports not just text

    

        Some other content you want kept to the bottom
        
this is in a div
    

#container {
    height:100%;
    border-collapse:collapse;
    display : table;
}

.foot {
    display : table-row;
    vertical-align : bottom;
    height : 1px;
}

It effectively does what float:bottom would, even accounting for the issue pointed out in @Rick Reilly's answer!