Position based on the size of a background

if I have a div which has an image exactly 180 by 300 px, how can I position an element exactly at the bottom left corner of that div, having in mind that there is dynamic content which should not push this element
if you go here
you will see a calendar on the left, at the bottom of the calendar is an input field which takes the selected day, if you click on any day you will notice what it does, then if you go to the month of july 2011 you will notice that this input field will be pushed down, what I am trying to achieve is place it at the bottom left corner making sure that it is not pushed further down when someone scrolls through the calendar

Hi,

You could place the input absolutely in the corner by setting position relative on the main parent.

e.g.


div#calendar_container {
    position:relative;
}
input#date_selected {[B]   
 bottom: 20px;[/B]
[B]    left: 10px;[/B]
[B]    position: absolute;[/B]
    text-align: center;


}



That should do what you want if I understand correctly.