The layout is at http://stage.redcellar.com and I have it set up so that when you roll your mouse over the menu bar, it fades to color and then slowly fades out when you are focused more on the content of the page.

The only problem is that when I add the div that contains the menu items to a z-index above the image (which uses z-index to change) the image will fade back out when the mouse enters the menuitems div.

You can check out the code and any support would be appreciated greatly.

To test, try rolling your mouse over the menu items and see what happens to the image.  That is what I'm trying to avoid.

Thanks,

Tyler