User Lookup help

[accubizpet]

A young lady made a user lookup for me. It works great in IE but does not load correctly in firefox. She doesn't know how to fix it and said if anyone can help me she would be very happy. I would really appreciate it if it can be fixed and I can show her so her code will work in both browsers.

 

Here is the code

 

<img src="http://i30.tinypic.com/4h36ll.jpg" id="img1">

<img src="http://i27.tinypic.com/nzq39z.jpg" id="img2">

<img src="http://i32.tinypic.com/10oeg5u.jpg" id="img3">

<img src="http://i26.tinypic.com/flvsbr.jpg" id="img4">

<img src="http://i47.tinypic.com/o594yp.gif" id="img5">

<img src="http://i46.tinypic.com/rwhz6t.gif" id="img6">

<img src="http://i48.tinypic.com/t5m78j.gif" id="img7">

<img src="http://i28.tinypic.com/30j76ts.jpg" id="img8">

<img src="http://i28.tinypic.com/1y0sqc.jpg" id="img9">

<img src="http://i48.tinypic.com/fmt6is.gif" id="img10">

<img src="http://i49.tinypic.com/25s09ih.gif" id="img11">

<img src="http://i29.tinypic.com/9lbgvs.jpg" id="img12">

<img src="http://i45.tinypic.com/288fmr.gif" id="img13">

<img src="http://i30.tinypic.com/8ye63q.jpg" id="img14">

<div id="nav">

<a href="myaccount.phtml">Account</a>

<a href="petcentral.phtml">Central</a>

<a href="explore.phtml">Explore</a>

<a href="games/arcade.phtml">Games</a>

<a href="neoboards/index.phtml">Forums</a>

<a href="objects.phtml">Shops</a>

<a href="nf.phtml">Nieuws</a>

<a href="video/index.phtml">Video</a>

Lookup by<a href=http://www.neopets.com/~9IQ>Silly_6</a>

</div>

 

<style>

#header, #footer, #nst, .user, hr, .contentModuleHeader,.contentModuleHeaderAlt,.contentModuleHeader {display: none;}

#main {background: none; border: none;}

body {scrollbar-base-COLOR:#FFC1C1; background-image: url(http://i26.tinypic.com/15dlw1u.jpg)}

.contentModuleTable {border:0px}

.contentModuleContent, .contentModule, .medText {border: transparent; background-color: transparent;}

 

#userinfo .contentModuleTable {#position:absolute;left:40px;top:1105px; width:281px;height:255px;}

#usercollections .contentModuleTable {#position:absolute;left:425px;top:1105px; width:277px;height:345px;}

#userneopets .contentModuleTable {#position:absolute;left:31px;top:1526px; width:565px;height:180px;}

#userneohome .contentModuleTable {#position:absolute;left:756px;top:1526px; width:200px;height:330px;}

#usershop .contentModuleTable {#position:absolute;left:776px;top:1105px; width:200px;height:300px;}

#usertrophies .contentModuleTable {#position:absolute;left:140px;top:1595px;width:700px;height:790px;}

#img1 {#position:absolute;top:91px;left:11px;}

#img2 {#position:absolute;top:765px;left:20px;}

#img3 {#position:absolute;top:765px;left:415px;}

#img4 {#position:absolute;top:765px;left:775px;}

#img5 {#position:absolute;top:705px;left:65px;}

#img6 {#position:absolute;top:705px;left:435px;}

#img7 {#position:absolute;top:705px;left:810px;}

#img8 {#position:absolute;top:1185px;left:15px;}

#img9 {#position:absolute;top:1185px;left:755px;}

#img10 {#position:absolute;top:1125px;left:255px;}

#img11 {#position:absolute;top:1125px;left:775px;}

#img12 {#position:absolute;top:1549px;left:13px;}

#img13 {#position:absolute;top:1492px;left:385px;}

#img14 {#position:absolute;top:2210px;left:320px;}

#usertrophies img {width:50px; height:50px;}

#nav {#position:absolute;top:675px;left:150px;width:700px;}

#nav a {margin-left: 5px;color:#ffffff;text-decoration:none;font-size:15px;}

#nav a:hover {color:#000000;}

a, a:link, a:visited, a:hover, a:active {color:#000000;text-decoration:none;font-size:10px;}

body {color: #000000;}

< /style>

[Princess_Megan]

Well, to begin with there shouldn't be all those "#" before the positions.

It could have something to do with the size of the person's browser when they made it for you.

And, this is coding wrong in many ways. I redid most of the coding and it looks good in both IE and Firefox (on my computer anyway). The bottom image, I wasn't sure what to do with so I placed it where I thought it was supposed to be.

I recommend keeping the old coding handy just in case what worked for me and my computer screen doesn't work for you, this is just what I came up with when I recoded it!

 

<img src="http://i30.tinypic.com/4h36ll.jpg" id="img1">

<img src="http://i47.tinypic.com/o594yp.gif" id="img2">

<img src="http://i46.tinypic.com/rwhz6t.gif" id="img3">

<img src="http://i48.tinypic.com/t5m78j.gif" id="img4">

<img src="http://i48.tinypic.com/fmt6is.gif" id="img5">

<img src="http://i49.tinypic.com/25s09ih.gif" id="img6">

<img src="http://i45.tinypic.com/288fmr.gif" id="img7">

<img src="http://i30.tinypic.com/8ye63q.jpg" id="img8">

<div id="nav">

<a href="myaccount.phtml">Account</a>

<a href="petcentral.phtml">Central</a>

<a href="explore.phtml">Explore</a>

<a href="games/arcade.phtml">Games</a>

<a href="neoboards/index.phtml">Forums</a>

<a href="objects.phtml">Shops</a>

<a href="nf.phtml">Nieuws</a>

<a href="video/index.phtml">Video</a>

Lookup by <a href="http://www.neopets.com/~9IQ">Silly_6</a>

Recoded by <a href="http://www.neopets.com/userlookup.phtml?user=lilprincess13285">LilPrincess13285</a>

</div>

 

<style>

#header, #footer, #nst, .user, hr, .contentModuleHeader,.contentModuleHeaderAlt,.contentModuleHeader {display: none;}

#main {background: none; border: none;}

body,td,p,.content,.medText,div{color:#000000;font:10px;}

body {scrollbar-base-COLOR:#FFC1C1; background-image: url(http://i26.tinypic.com/15dlw1u.jpg);}

.contentModuleTable {border:0px}

.contentModuleContent, .contentModule, .medText {border: transparent; background-color: transparent;}

#userinfo .contentModuleTable {position:absolute;left:40px;top:774px; width:325px;height:310px;background:#ffffff url('http://i27.tinypic.com/nzq39z.jpg');padding:10px;}

#usercollections .contentModuleTable {position:absolute;left:425px;top:774px; width:295px;height:355px;background:#ffffff url('http://i32.tinypic.com/10oeg5u.jpg');padding:10px;}

#usershop .contentModuleTable {position:absolute;left:776px;top:774px; width:200px;height:340px;background:#ffffff url('http://i26.tinypic.com/flvsbr.jpg');padding:10px;}

#userneopets .contentModuleTable {position:absolute;left:40px;top:1195px; width:670px;height:265px;background:#ffffff url('http://i28.tinypic.com/30j76ts.jpg'); padding:10px;}

#userneohome .contentModuleTable {position:absolute;left:765px;top:1195px; width:200px;height:255px; background:#ffffff url('http://i28.tinypic.com/1y0sqc.jpg');padding:10px;}

#usertrophies .contentModuleTable {position:absolute;left:40px;top:1557px;width:970px;height:620px;background:#ffffff url('http://i29.tinypic.com/9lbgvs.jpg');padding:10px;}

#img1{position:absolute;top:91px;left:11px;}

#img2{position:absolute;top:705px;left:65px;z-index:2;}

#img3{position:absolute;top:705px;left:435px;z-index:2;}

#img4{position:absolute;top:705px;left:810px;z-index:2;}

#img5{position:absolute;top:1125px;left:255px;z-index:2;}

#img6{position:absolute;top:1125px;left:775px;z-index:2;}

#img7{position:absolute;top:1492px;left:385px;z-index:2;}

#img8{position:absolute;top:2000px;left:347px;z-index:2;}

#usertrophies img {width:50px; height:50px;}

#nav {position:absolute;top:675px;left:150px;width:700px;}

#nav a {margin-left: 5px;color:#ffffff;text-decoration:none;font-size:15px;}

#nav a:hover {color:#000000;}

a, a:link, a:visited, a:hover, a:active {color:#000000;text-decoration:none;font-size:10px;}

< / style>