내부 div를 외부 div의 하단과 어떻게 정렬합니까?

Question

내부 div를 외부 div의 하단에 정렬해야합니다.

내 코드는 다음과 같습니다

<div class="myOuterDiv"> 
    <div class="div1 floatLeft"> Variable content here </div> 
    <div class="div2 floatRight"> <img class="myButton" src="" /> </div> 
</div> 

'div1'의 내용은 다를 수 있습니다, 변화하는 외부 DIV의 높이를 만들기. 내 버튼 (div2)이 항상 외부 div의 하단에 머물러 있는지 확인하려면 어떻게해야합니까?

나는 CSS를 선호하지만, 가능하지 않다면 jQuery를 사용할 수 있습니다.

UPDATE 나는이에게 내가 몇 가지 문제에 부딪쳤다 JQuery와 방법을 수행하기로 결정했습니다. 그것은 모든 해결 그리고 당신이 여기 내 작업 솔루션을 찾을 수 있습니다 How can I calculate the height of an element cross-browser using jQuery?