The answer is in your CSS and HTML code.
Below is a Basic 1-column CSS layout with floated boxes for text or images. View page source to see the code.
If I understand our issue well, you want to position an image in a div to the bottom of that div, while there are already element in that div.
I would do it the following way:
Give your div (I'll call it #outerdiv) a position other than static. Use position:relative; if you don't need any change to the position of your div.
Then, put the elements you want to position in another div (I'll call it #innerdiv), and make sure #innerdiv is INSIDE #outerdiv in your HTML code.
On the HTML side, it should give you something like this:
<div id="outerdiv"> <!-- Your buttons and other stuff to the top of your div --> <div id="innerdiv"> <!-- Your bottom image --> </div> </div>
The reason why you have to make #outerdiv relatively positioned is to make sure #innerdiv will be posisioned relative to its container (#outerdiv), so it won't be put on the bottom of your page.
As far as I am aware of, this method is fairly cross-browser (yes, it works in IE!).
If you build your HTML markup logically from top to bottom of page, you don't need position: relative or absolute.
Best advice I can give is to use default CSS positioning (which is no positioning at all) and let the normal flow of the document take care of the rest.
Learn CSS positioning in 10 Steps -
Thanks for the help you two, greatly appreciated. It definitely pointed me in the right direction. Part of the problem was the way I sliced the page.