I'm trying to do a website layout that is very simple except for one part: there is a large image that needs to resize to the width of the browser. I got the resize working but I have two divs I need to place on top of it so that they do NOT resize and stay in position relative to the size of the large resizable image. The 2nd div needs to be clickable as it will be a link.

Additionally, I need to put a footer div under this resizable image that will always be directly under it.

I'm attaching two mockups to illustrate how this should work. One is 800px wide and the other slightly larger. However, the website should scale all the way up to 1900px or wider based on the user's resolution.

Here's the HTML used to get this far; you're welcome to make use of any of this you like.
http://philsimmons.com/temp/bgdemo.html

I will provide:
All image assets (most are already cut but I'll finish the few that remain tonight)

Deliverables:
Valid (transitional or strict) XHTML/CSS/JavaScript (if used) that solves the problems above and works properly in IE7, IE8, Firefox, and Chrome

I am available via AIM or Yahoo chat. If you are not using one of these I will not accept your bid.

I will pay 100% up front into Scriptlance escrow. 50% will be released when the winning bidder has demonstrated the working website. The other 50% will be released upon receipt of the deliverables.