The problem I am facing is that when I use an <img> object behind the top links, the links cease to function. I have tried to use z-index to fix the problem but it seems to be a rendering issue with opera.
You may ask why I am doing things this way in the first place so I will provide a little insight.
The img tag solution using absolute positioning and a 100% height works simply and correctly, except for in opera. It even works in ie6.
Any help in this matter would be greatly appreciated....
I have actually managed to fix it. I havent a clue what was causing it - the z-index was fine, it works under firefox, chrome, even ie perfectly.
I made the links pre-load, and in doing so the problem was somehow solved. I also noticed when I used lightweight FireBug on the page, it started working for some strange reason. It would be interesting to find out exactly what happened, but if that doesn't happen, it's working now anyway .
Weird - I don't see how it could work in other browsers if your image has position absolute and zIndex 2, and your links are static with no zIndex. Sounds exactly like your links should be hidden. Indeed, I just refreshed your page and your top links appeared momenterily but then disappeared when the image loaded (not sure if you've uploaded your fix, just saying).