How to make javascript appeared in front of everything

Hi,
I’m designing a user login system website with a big java applet canvas to give my user real time communication.

The design looks great, but when I put in the java applet and made it functional it conflict with javascript drop-down menu, says when you click to initiate the drop-down menu it fall (hid) behind the applet and text on the menu list are unseen.

I cannot relocate theses objects because it is a design of choice, so how can I overcome this.

The drop-drown menu is as most important as the applet because they are form in which the user can submit a query and way to connect to some other cool stuffs.

I’ve try everything, but the only thing I can think of now is make some element appears in front of the others.

Hope you get the picture and thanks in advance

Thanks,
found solution here:
OraTransplant » Using IFrame Shim to (partly) cover a Java applet

have you tried z-Index

CSS z-index property