Safari weird invisible image anchor problem

LOL never heard anything like this try and see if you have java installed or flash player.

David,

Both Java and Flash are installed/enabled, I also tried Safari on another computer which had the same problem.

This is quite a weird problem!

Then it's unfortunately has to do with safari's lack of compatibility with certain scripts I guess.

The dropdown menu is made up of css/html only, no script is being used to create it at all.

I didn't see a problem when compared to IE and FF.  

Are you using an up to date version of all your browsers?
Have you validated your HTML/CSS code?  
Are you using a reset?  

#navmenu ul li a:hover img{
    display:block;
    z-index:999999;
}

Not sure, but it could be that safari does not understand a z-index that high. And anyway, why use such high numbers for z-index? You probably do not need a higher z-index than 10 to arrange things.

z-index doesn't apply to non-positioned elements. To make those elements be "positioned" give them "position:relative". And yes as sybe said, there's no need to use such a high z-index.

You should really consider providing alternate text for images for visually impaired people.

Thanks for all the replies. The z-index wasn't always there, I had that put in to see if it would fix the issue, and you're right - the element needed to be positioned for that to work.

However, with or without z-index the problem still exists in Safari.

Browsers are all up to date, I'm using a reset and have tried on several computers - all works fine except Safari.

It worked when I tried it. Please add the position:relative and z-index declarations back in so we can see.