Liquid Layouts - Image Overlapping Footer

[brentnicholas]

Howdy all,

So this will be the first in a short series of issues that I can't figure out on my site. I've done a fair bit or research to get everything worked out that I could and I'm just stuck with about 4 things.

Anyway to the point. I have a footer on the home page, and the same footer, lifted up to be a header on sub-pages of the site.

What's happening is that the repeating background image to the right is overlapping the site logo when the page is made to be very narrow.

Also, the links(menu) tend to overlap the logo as well when the page is made to be narrow.

Anyone have an ideas on how to fix the first issue? As well as thoughts on what they might do to address the menu items issue (it's more of a design issue here)?

Site: http://www.GreaterRangeDJ.com
CSS: http://www.GreaterRangeDJ.com/css/frontPageMain.css

Thanks for your time and efforts,

BN

[BLiZZaRD]

Looks to me that your z-index is a little out of whack. You have the footer set to a high z-index, both of them are what 40, and 50? but the foot ID is set to 4. The lower the z-index the further "back" it is.

Try messing with those and see what happens.