Position absolute but relative to parent?

Question

I have two divs inside another div, and I want to position one child div to the top right of the parent div, and the other child div to the bottom of the parent div using css. Ie, I want to use absolute positioning with the two child divs, but position them relative to the parent div rather than the page. How can I do this? Sample html: <div id="father"> <div id="son1"></div> <div id="son2"></div> </div>

Answer 1

<style>

#father{position:relative;}

#son1{position:relative; float:right;}

#son2{position:absolute; bottom:0}

</style>