Is it possible to have two positioned backgrounds? Because I want two backgrounds or one of my images to be a "top image". Unfortunately, when I positioned it, you could see part of the top banner and it covered all of my userlookup information!
Lookup:
http://www.neopets.com/randomfriend.phtml?user=_mystic_starlight_
Code:
<style type="text/css">table{background:transparent}img{filter:alpha(Opac ity=0, FinishOpacity=1, Style=2, StartX=0,

FinishX=80, StartY=0, FinishY=80)}</style><style type="text/css">img {filter:alpha(opacity=0);}p img

{filter:none}</style>
<style type="text/css">
p img{filter:chroma(color=white)}
</style>
<style type=text/css>
table{background:none}
#n{display:none}
.nst{display: none;}
i.return{width:100%}
font, body, p, td, tr, table, br {color: FF76E0; font-family: georgia; font-size:10pt; line-height: 10pt; align:left;}a, a:link, a:visited {text-decoration: none; color: FF76E0; font-family: arial black; font-size:11.5pt; cursor: crosshair}a:hover {text-decoration: none; color: FF76E0; font-family: georgia; font-size:10pt; cursor: crosshair; background:transparent;}
center font b{display:none}
body {
scrollbar-arrow-color: FF76E0;
scrollbar-darkshadow-color:black;
scrollbar-track-color: black;
scrollbar-face-color: black;
scrollbar-shadow-color: black;
scrollbar-highlight-color: FF76E0;
scrollbar-3dlight-color: black}body {background-image: black url(http://img118.imageshack.us/img118/3919/skyelookieys5.png); background-position: bottom right;
background-attachment: fixed; background-repeat: no-repeat;
background-color: white}
img {filter:alpha(opacity=0)}
p img {filter:white alpha(opacity=100)}
</STYLE>
</i>

</i><div style="position:absolute; left:207px; top:45px;">
<a href="addpet.phtml">C</a>reate<br><a href="petcentral.phtml">C</a>entral<br><a href="explore.phtml">E</a>xplore<br><a href="gameroom.phtml">G</a>ames<BR>
<a href="neomessages.phtml">N</a>eomail<BR><a href="objects.phtml">S</a>hops<BR>
<a href="neoboards/index.phtml">B</a>oards<BR><a href="nf.phtml">N</a>ews<BR>
<a href="stuff.phtml">S</a>tuff<BR><a href="help.phtml">H</a>elp<br><a href="loginpage.phtml">L</a>ogin<BR><a href=>L</a>ogout
</div>
<i class="return"> </i></i></i>

<i class="sidebar"> </i>
<style type="text/css">
body {background-image: url(http://img118.imageshack.us/img118/3919/skyelookieys5.png); background-position: bottom right; background-repeat: no-repeat;background-color: black}
</STYLE>

<b>My Links</b><br>
{<a href=http://www.neopets.com/~Spirtness_of_rock>x</a>}My Screenies<br><br><BR>
NOTE: LOOKUP STILL UNDER CONSTRUCTION!
<bgsound src=http://alyandaj.com/mp3/Chemicals.mp3 loop=100></bgsound>
Image I want to put on top:
http://img164.imageshack.us/img164/8199/skyelookiebannerrq2.png

Basiclly, what I'm trying to say is that I want that image to be on the top left corner of my userlookup.
Also, I have a another question: Is it possible to position the userlookup information text?

I can see your userlookup information =/