User Lookup Coding Help

I created a new userlookup tonight and I am banging my head against my desk trying to figure out why it is not all working in Firefox. http://www.neopets.com/userlookup.phtml?user=eeukqicmaj If you look at it in FF the links in collections and userinfo do not work at all. Now if you look at it in IE they work fine. [code] body {background: url('http://www.mallersleague.com/Eeukqicmaj/look/hallbg.png');background-color:#000000} body, td, p, div { color: #2bd54d;} #main a {color: #2bd54d;} #footer, #nst, .user, .eventIcon, .contentModuleHeaderAlt, .contentModuleHeader {display:none} #header {background:none; margin-left: 65px; height: 70px; width: 1000px; border:none;} #template_nav{margin-left:-80px;margin-top:5px} li.nav_image {padding: 0px;} ul.dropdown {border: 1px solid #000000;background: #ffffff; opacity:.90; filter: alpha(opacity=80);} ul.dropdown a, li.over ul.dropdown a, ul.dropdown a:Hover, li.over ul.dropdown a:hover {color: #2bd54d;} .contentModule, .contentModuleTable, .contentModuleContent, #main{border:none;background:none;} #me ,.contentModuleHeader, .contentModuleHeaderAlt,{font:10px Verdana;letter-spacing:1px;background-color: #none;color:#2bd54d;text-align:center;} b, #main a:visited, #main a:hover {color: #531d6b;} #bg, #main, #userinfo .contentModuleTable, #usercollections .contentModuleTable, #usershop .contentModuleTable, #userneopets .contentModuleTable, #usertrophies .contentModuleTable, .contentModuleTable, #img, #abt{position: absolute;} #userinfo .contentModuleTable {left:749px; top:1083px; height:275px; width:380px;} #userneohome .contentModuleTable {left:725px; top:75px; height:200px; width:180px;} #usercollections .contentModuleTable {left: 280px; top:1040px; height:220px; width:275px;} #usershop .contentModuleTable {left:990px; top:150px; height:160px; width:160px;} #userneopets .contentModuleTable {left:298px; top:648px; width:800px;} #usertrophies .contentModuleTable {left:170px; top:1532px; width:675px;} #bg, #main {top:0px;left:0px;} #main {width:100%;height:100%;} [/code] That is the code for the lookup, I know there has to be something I am missing. Thanks in advance for any help. Eeukie

I was going to suggest z-index but in my tests, it's completely screwing it up *keeps trying*
----------------------------- [color=purple]Protect your account[/color] http://www.neopets.com/~punchback_bob CG information & more

whats wrong on firefox O.O i just checked out the page...and it looked perfectly fine O.O only problem for me was the big resolution.... Come check it out: http://www.neopets.com/browseshop.phtml?owner=abrar1646&misc

Thanks for trying to figure this out. I am working on making the image look good in a lower right now. The problem it has in firefox is links not working.

Ok here it is. I think this one works [code] body {background: url('http://www.mallersleague.com/Eeukqicmaj/look/hallbg.png');background-color:#000000} body, td, p, div { color: #2bd54d;} #main a {color: #2bd54d;} #footer, #nst, .user, .eventIcon, .contentModuleHeaderAlt, .contentModuleHeader {display:none} #header {background:none; margin-left: 65px; height: 70px; width: 1000px; border:none;} #template_nav{margin-left:-80px;margin-top:5px} li.nav_image {padding: 0px;} ul.dropdown {border: 1px solid #000000;background: #ffffff; opacity:.90; filter: alpha(opacity=80);} ul.dropdown a, li.over ul.dropdown a, ul.dropdown a:Hover, li.over ul.dropdown a:hover {color: #2bd54d;} .contentModule, .contentModuleTable, .contentModuleContent, #main{border:none;background:none;} #me ,.contentModuleHeader, .contentModuleHeaderAlt,{font:10px Verdana;letter-spacing:1px;background-color: #none;color:#2bd54d;text-align:center;} b, #main a:visited, #main a:hover {color: #531d6b;} #bg, #main, #userinfo .contentModuleTable, #usercollections .contentModuleTable, #usershop .contentModuleTable, #userneopets .contentModuleTable, #usertrophies .contentModuleTable, .contentModuleTable, #img, #abt{position: absolute;} #userinfo .contentModuleTable {left:749px; top:1083px; height:275px; width:380px;z-index: 7;} #userneohome .contentModuleTable {left:725px; top:75px; height:200px; width:180px;} #usercollections .contentModuleTable {left: 280px; top:1040px; height:220px; width:275px;z-index: 7;} #usershop .contentModuleTable {left:990px; top:150px; height:160px; width:160px;} #userneopets .contentModuleTable {left:298px; top:648px; width:800px;} #usertrophies .contentModuleTable {left:170px; top:1532px; width:675px;} #bg, #main {top:0px;left:0px;} #main {width:100%;height:100%;} [/code] I added a z-index for this line: #usercollections .contentModuleTable {left: 280px; top:1040px; height:220px; width:275px;z-index: 7;}
----------------------------- [color=purple]Protect your account[/color] http://www.neopets.com/~punchback_bob CG information & more

Basically add [b]z-index: 7;[/b] at the end of every part that contains a link so the same probably goes for #userinfo 7 is a random number btw. Just pick any number higher than 1
----------------------------- [color=purple]Protect your account[/color] http://www.neopets.com/~punchback_bob CG information & more

Thanks I will try it right now.

Hooray it worked, thank you so much, maybe now my brain will stop hurting. *Big Hugs*

Yay. and no problem. :) Off to bed now. 1 in the morning lol
----------------------------- [color=purple]Protect your account[/color] http://www.neopets.com/~punchback_bob CG information & more