Учитывая следующий HTML
<div style="width: 500px; height: 500px; border: 1px solid red;">
<div style="width: 200px; height: 100px; border: 1px solid green; float: right; vertical-align: bottom;">
</div>
</div>
Я хотел бы, чтобы внутренний div блокировался в нижнем правом углу внешнего div. Что мне нужно сделать CSS мудро, чтобы это произошло?
Спасибо! Джон