Problem with the template? or css...

Here is what im talking about. I add-ed a javascript in the template which would make every new private message to pop-up in a fancy way. 

Its all working perfectly fine, but for some reason it hides "behind the forum itself" just like on the pics bellow.

1.Here's how it looks


2.Here's how it hides itself behind the forum o.0


Before like a few days ago i added another javascript which was similar to this one, but he too was not displaying properly and i taught that is bug in the code or smt... but it seems like the problem is in either my css or the templates. Hope to fix this soon, thanks beforehand!

Forum - daredevil.nightforum.net

in the css for it you need to give it a z-index

example

Code:

element{z-index:9999;}

this will make it show on top of everything

Alright bro this helped the message... but unfortunately my other javascript thingy is still "hiding behind the forum" even with the z-index 9999

please check it out. Its a mouseover profile javascript, which shows users profile.
https://i.servimg.com/u/f38/13/74/09/43/da_bmp10.jpg

here is where i notice that the opacity of my tables is causing the problem, but i want this opacity to stay? Even with the opacity off it doesn't display itself properly.
https://i.servimg.com/u/f38/13/74/09/43/me_bmp10.jpg
https://i.servimg.com/u/f38/13/74/09/43/be_bmp10.jpg

how can i fix this?Ty

bump

Code:

#content-container div#main {
    overflow: visible !important;
}

also

instead of using opacity you should try using rgba colors for background/text whatever

Code:

background-color: rgba(225,225,225,0.5)

red,green,blue,alpha transparency < can be 0.1 to 1

you can goto http://www.colorpicker.com/ and get the rgb values for the color you want

ty bro this is solved!