Friend's List Pictures Options

[PoeticInsanity]

OK, I have a list that, when a link is rolled over, shows a picture. the only problem, I can't see the pictures after the DIV has scrolled down past a certain point. Is there a way to make the pictures always show up next to the link? (I know there is a thread with the script posted on it, but it didn't quite specify how to fix the problem)
my site is here. its a test site so the links are faulty, but that shouldn't pose a problem.
heres the script (the part regarding the picture list is bolded)
<style type="text/css">

.Main {position:absolute; left:50%; top:125px; width:800px; z-index:2; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Background {position:absolute; left:50%; top:0px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

.Music {position:absolute; left:0px; top:0px; background-color:transparent; z-index:3; border:0px; padding:0px;}

.Contest_Banner {position: absolute; left:42px; width:170px; height:170px; top:150px; background-color:transparent; border:0px; z-index:4; padding:0px; visibility: visible;}

.Contact_Table {position: absolute; left:310px; top:630px; background-color:transparent; border:0px; z-index:5; padding:0px;}

.Top_Links {position:absolute; left:70px; top:125px; background-color:transparent; border:0px; z-index:6; padding:0px; width:680px;}
a:link{color:brown;}
a:visited{color:brown;}
a:hover{color:orange; background-color:brown;}
a:active{color:brown;}

.comments {width:#px; overflow: none;}
.comments table {background-color: black;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}

Table, Td{ background-color:transparent; } table table table{ background-color:transparent; background-image:url(http://img362.imageshack.us/img362/6287/screenorange9dk.png); background-repeat:repeat; } table table table table{ background-image:none; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:FF0000; font-weight:normal; font-style:normal; font-family:Monotype Corsiva, verdana, arial, sans-serif; } .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:CC0000; font-weight:normal; font-style:normal; font-family:Monotype Corsiva, verdana, arial, sans-serif; } body{ scrollbar-track-color:990000; scrollbar-face-color:000000; scrollbar-highlight-color:660000; scrollbar-base-color:660000; scrollbar-darkShadow-color:660000; scrollbar-shadow-color:660000; scrollbar-arrow-color:FF0000; }

.Winners {position: absolute; height:150px; width:240px; left:15px; top:500px; background-color:transparent; border:0px; z-index:9; padding:0px; overflow:auto;}
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}
.hidethem {visibility:hidden; display:none;}

.Contests {position: absolute; height:290px; width:250px; left:20px; top:215px; background-color:transparent; border:0px; z-index:9; padding:0px; overflow:auto;
}
</style>


<DIV class="Background">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/background.jpg" width="810px" height="900px"/>
</div>

<DIV class="Main">
<img src="http://i64.photobucket.com/albums/h165/PoeticInsanity16/steve_rock.jpg" width="800px" height="550px"/>
</DIV>

<DIV class="Music">
<embed allowScriptAccess="never" src="http://crash.onlinestoragesolution.com/music/(Weezer)%20-%2004%20-%20Island%20In%20The%20Sun%20(1).mp3" type="audio/x-pn-realaudio-plugin"
name="video" console="Clip1" autostart="true" controls="ControlPanel" border="0"
width="176" height="30" align="center" loop="true"></embed>
</DIV>

<DIV class="Contest_Banner">
<br/><center><font style="font-size:55px;line-height:18px;color: Orange;font-family: Monotype Corsiva;">Contests<br><font style="font-size:45px;color: Brown ;font-family: Monotype Corsiva;">Contests</font></font></center>
</div>

<DIV class="Contact_Table">
<map name="ContactTable" border="0">
<area shape="rect" coords="0,0,106,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=83010533">
<area shape="rect" coords="106,0,216,25" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=83010533">
<area shape="rect" coords="216,0,326,25" href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=83010533&f=forwardprofile">
<area shape="rect" coords="326,0,429,25" href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=83010533&public=0">
<area shape="default" nohref>
</map>
<img border="0" usemap="#ContactTable" src="http://h1.ripway.com/PoeticInsanity/contact_table.jpg"/>
</DIV>

<DIV class="Top_Links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=3306ecc0-5955-490a-b448-6599397e4698">Home</a>|<a href="http://browseusers.myspace.com/browse/browse.aspx?&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Browse</a>|<a href="http://search.myspace.com/index.cfm?fuseaction=find&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Search</a>|<a href="http://invite.myspace.com/index.cfm?fuseaction=invite&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Invite</a>|<a href="http://www.myspace.com/index.cfm?fuseaction=film&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Film</a>|<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.inbox&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Mail</a>|<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.controlcenter&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Blog</a>|<a href="http://favorites.myspace.com/index.cfm?fuseaction=user.favorites&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Favorites</a>|<a href="http://forum.myspace.com/index.cfm?fuseaction=messageboard.categories&MyToken=325ca80d">Forum</a>|<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.categories&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Groups</a>|<a href="http://events.myspace.com/index.cfm?fuseaction=events&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Events</a>|<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.home&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Videos</a>|<a href="http://music.myspace.com/index.cfm?fuseaction=music&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Music</a>|<a href="http://classifieds.myspace.com/index.cfm?fuseaction=classifieds&MyToken=325ca80d-de18-4a70-9281-9386bf1928ad">Classifieds</a>
</DIV>


<div align="center" style="position:absolute; left:5px; top:690px; z-index:8;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="83010533">
<textarea name="f_comments" cols="50" rows="10" style="background-color: Black ;border-color: black ;color: orange ;font-family: Arial Black ;">Comment Us!!</textarea><br>
<input type="reset" value="Reset" style="background-color: brown ;border-color: black ;color: orange ;font-family: Arial Black ;">
<input type="submit" value="Submit" style="background-color: brown ;border-color: black ;color: orange ;font-family: Arial Black ;">
</form>
</DIV>

<DIV class="Winners">
<center><hr color="orange" size="1"/><font color="990000" face="monotype corsiva" size="4"><B><u>Winners</u></b></font><br/><br/>
<a href="url to there profile">First Winner Here<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a>
</center>
</DIV>

<DIV class="Contests">
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Looking Guy<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Looking Girl<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Peace Sign<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Cutest Couple<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Short Hairstyle<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Long Hairstyle<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Dressed<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Eyes<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Grawr Face<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Innocent Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Makeup<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Most Random<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Myspace Bathroom Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Silly Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
~&nbsp;&nbsp;<a href="http://www.boguslink.com">Best Friends Picture<span><img src="http://i66.photobucket.com/albums/h260/insanepoetic/nowinnerscopy.jpg"/></span></a><br/><blockquote><font size="2">-&nbsp;Deadline:&nbsp;N/A</font></blockquote>
</DIV>
<div class="comments" style="overflow:auto; width: 445px; height:235px; z-index:7; position: absolute; top:665px; left: 330px;"><center><table><table><tbody><tr><td><table></center></div>

[PoeticInsanity]

*bump* sry for the bother, but I really need this fixed. It will complete the layout.

[*This Confession*]

yea
don't bother "bumping"
the topic
unless its 3 days old
no ones going to help you any quicker if you just waited a few hours.

anyway
your site is completely misaligned on my computer
everything isn't even over the image its all over to the left
so it was hard to read anything.

anyway how those work since i have them on my own layout site..
http://www.myspace.com/thisconfession_designs
its not a good idea to put that in a scroll bar box.
its better to put it somewhere big enough that all of the links are viewable without it turning in to a scroll bar because there isn't a way to make it viewable if you scroll down more.

[PoeticInsanity]

thanx, sry for the bump, didn't realize how early on it was. I have no concept of time. oh well, I'll try to find something out. As for the alignment, sorry its off. works fine for me. IE though.