I have a page using a Java applet and the problem is that my Java applet is overlapping everything else including a dropdown menu.

I tried putting the applet in a div element with negative z-index but that isn't working. I must admit that I'm not very experienced using z-index and relative positioning to make things overlap each other so I could be doing it wrong.

The page I'm working on is at:
http://www.buddyus.com/

I found similar problems on other pages including this one:

http://www.lightmypump.com/npsha/npsha.html

I was trying to find solutions online but people keep repeating this question without having it answered.

Do you know how to solve it?