I'm developing a prototype responsive wordpress theme version of my homepage. I'm running into issues with the fader on the homepage.

http://dev.epicwebdesign.ca/epicblog/

When the image switches, it uses position:absolute to overlay the pictures, then goes back to position:relative.

I need to make the absolute be relative to the bottom left corner of the menu instead of the top left corner of #wrap so it doesn't overlap.

I tried putting it in a container div like this: http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Absolutely-positioned-box-inside-a-box-with-overflow:-auto-or-hidden but that doesn't seem to work.

Any ideas?

There are major CSS compatibility issues in IE, try it in chrome. It should look similar to http://epicwebdesign.ca. When the browser window is shrunk horizontially, the whole theme compensates.