Entry-content overlapping image in content on mobile platforms.

As the title says, while I’ve managed to get my website to display properly at higher resolutions, I am still having difficulty getting it to display properly on mobile devices, specifically iPhone/iPad since I have them available to test.

The issue with the entry content text overlapping the image placed in the content and positioned at the bottom. I have played with trying to set a min-height in the css for the content and or entry-content, but this does not work. I have played with the height settings as well, however I am just not sure how to proceed. It seems that for some reason the iphone/ipad is not changing height to accomodate for both entry text and entry content.

Here is my website if you’d like to see the problem on your iPhone or iPad: http://www.bookboxshop.com

Here is a link to a screenshot of the problem on an iPad:
http://img600.imageshack.us/img600/6554/photobb.png

Any suggestions or ideas would be appreciated.
Thanks