Overlay Placement, Appearing off on different computers. Options

[only1ne]

I'm starting up this company page with my friend on myspace, the overlay looked find on our comptuer, however when we had another friend of ours take a look at it, they said the placement was off. I went on my sisters computer and saw that it was messed up also. Is there a way to make the layout work for both IE and mozilla? I searched around some layouts and some overlays people make seems to work for all types of conditions, help me out and let me know if its somthing with my coding I'm new with overlays.

Heres my code.


About me:

CODE

<img src="http://i26.photobucket.com/albums/c149/so_occult/spacerss.jpg">
<style>
body {
cursor: normal;
align: center;
scrollbar-face-color: 000;
scrollbar-shadow-color: 000;
scrollbar-highlight-color: 000;
scrollbar-3dlight-color: 000;
scrollbar-darkshadow-color: 000;
scrollbar-track-color: ffffff;
scrollbar-arrow-color: fff;
background-color: fff;
overflow-x:hidden;
}</style>


<style>
.nametext {visibility: hidden !important;}
div div table tr td a.navbar, div div table tr td font {visibility: hidden !important;}
tr {background:transparent;}
table div font a, table div div {visibility: hidden !important;}
table table div font a, table table div div
{visibility:visible;}
table table td.text table td.text table table tbody td table, span.btext
{display: none !important}
table table td.text table td.text tbody table tbody td table td {display: none !important;
}
</style>






<style>
.redlink, .orangetext15, .btext {
color: 000000;
font-size: 1;
}
table table {
border:none;
background-color: ffffff;
width:250px;
padding:1;
}
table table table table td{
width:250;
}
table table table table{
border: none;
width:360px;
background-color:transparent;
align:right;
padding:1;
}
p, table, tr, td, th, div{
border: 0px;
background:fff;
font: 10pt times;
color: 000000;
letter-spacing: 0px;
text-align: justify
}
font {
background-color: transparent;
}
P {
font: 10pt times;
color:000000;
letter-spacing: 0px;
text-align: justify;
}
.blacktext10 {
font: 10pt times;
color:000000;
letter-spacing: 0px;
text-align: justify;
display:block;
}
a, a:link,a:active {
text-align: justify;
color:000000;
background-color:ffffff;
font: 10pt times;
text-decoration: none;
}
a:visited{
color:000000;
background-color:ffffff;
font: 10pt times;
line-height:8pt;
text-decoration: none;
}
A:hover {
font: 9px times new roman;
color:ffffff;
background-color:000000;
text-decoration: none
letter-spacing: 1.5px;
text-transform: uppercase;
text-align: center;
width:220px;
}
b, strong, .btext {
font: 10pt times;
font-weight: heavy;
color: 000;
text-align: justify;
}
i, em, .itext  {
font: 10pt times;
color: 000;
text-align: justify;
}
u, s, .stext, .sbtext, .swtext {
font: 10pt times;
color: 000;
border-bottom: 1px DOTTED #EAEAEA;
text-align: justify;
}
li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{
font: 10pt times;
color:000000;
letter-spacing: 0px;
text-align: justify;
}
a:hover.pic img {
filter:alpha(opacity=80);
}
a.pic img {
filter:none;
}
.blacktext10 {
font-weight: normal;
padding-bottom: 2pt;
padding-top: 0pt;
color:000000;
border-bottom: 000000 0px solid;
font: 10pt times;
text-decoration: none;  
text-align: center;
letter-spacing: 0.0em;
}
.header {
font-weight: normal;
padding-bottom: 2pt;
padding-top: 0pt;
color:000000;
border-bottom: 000000 0px solid;
font: 10pt times;
text-decoration: none;  
text-align: center;
letter-spacing: 0.0em;
z-index: 3;
}
.content{
background-color: transparent;
}
</style>



</table></tr></td>

Who I'd like to meet:

CODE

<DIV id=scroll3 style="position:absolute; top:220px; left:98px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=810; height=520;"><embed allowScriptAccess="never" allowNetworking="internal" src="http://img96.imageshack.us/img96/7559/only1necovertj6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="810" height="520"></embed></div>


<div style="position: absolute; width: 1300; height: 1060; top:0px; left:-5px; background-color: fff;"><img src="http://img220.imageshack.us/img220/5637/sdfsdfoz1.jpg" BORDER=0></div>

<DIV id=scroll3 style="position:absolute; top:934px; left:380px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=200; height=97;"> <center><embed allowScriptAccess="never" allowNetworking="internal" src="http://img216.imageshack.us/img216/3149/only1neby6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="50"></embed><BR><b>COPY&PASTE</b><br>
<textarea name="specialrequest"><embed allowScriptAccess="never" allowNetworking="internal" src="http://img216.imageshack.us/img216/3149/only1neby6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="50"></embed></textarea></center>
</div>





<DIV id=scroll3 style="position:absolute; top:937px; left:760px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=150; height=94;"><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="92916714" type="hidden"><textarea name="f_comments" cols="25" rows="5" style="border-width: 1px; border-style: solid; border-color: ######; font-family: times; font-size: 10px; color:fff;background-color: 000;" style="overflow:auto;"></textarea><br><input value="Leave us a comment" style="border-width: 1px; border-style: solid; border-color: ######; font-family: times; font-size: 10px; color:fff;background-color: 000;" type="submit"></center></div>

<DIV id=scroll3 style="position:absolute; top:777px; left:700px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=210; height=131;"><CENTER><b>WORK SUMMARY</B><bR><BR></CENTER>
We <b>design</b> whatever we are capable of designing, our strongest strength is our well known experienced approach with Promotional Designing. Promotional Designing includes creating Banners, Icons, Buttons, Stickers, Posters, and Merch. We also design from Album covers to Page layouts. See our work sample for a better look!<br><br>
Adding to our list we also include <b>Promotional Management</b>, we understand that time is very strict for uprising musicians and companies so we are also offering to take over and help them out by promoting and managing their pages (Contracts could be offered for additional security.)<br><br>
The list doesn't stop there, our team also provides <b>Photography</b>, we go to shows and capture the best of the musician or company events. Our photography also includes promotional photography (band shots, album covers and more) see Photography for more information.<br><br>

Lastly, we have a partner <b>Clothing</B> line founded by Only1ne Co.'s very own. Our line consist of many outstanding styles and amazing designers creativity inputs and more.<br><br>

<b>Overall</b>, we are here to design and to create something amazing, we strive to help out bands and other uprising musicians with the support they need. Our goal is to reach expectations of our clients doing what we love. <Br><br>
We are also living people therefore money does run in the process, however! Before closing our window right away, check our <b>pricing</b> and be suprised.
</div>

<DIV id=scroll3 style="position:absolute; top:790px; left:100px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=248; height=250;"><center>
<embed allowScriptAccess="never" allowNetworking="internal" src="http://img214.imageshack.us/img214/5537/wlcw14jz.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="230" border="none"></embed><br>Featured Band<br>
<b>WITH LOVE COMES WAR</b><br>
<a href="http://www.myspace.com/wlcw"><img src="http://i26.photobucket.com/albums/c149/so_occult/what.jpg" border="0" alt="View Myspace"></a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=73975538"><img src="http://i26.photobucket.com/albums/c149/so_occult/add-1.jpg" border="0" alt="Add the band"></a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=73975538"><img src="http://i26.photobucket.com/albums/c149/so_occult/mail.jpg" border="0" alt="Message the band"></a></div>



<DIV id=scroll3 style="position:absolute; top:1059px; left:101px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=394; height=112;"><CENTER><B>ATTENTION:</B><BR><BR></CENTER>
Get Featured and Listed! We are still looking for more fill ups for our front page. Contact us if you're interested.<br><br>
We are constantly searching for creative designers to join our team, if you think you have what it takes then please send up a message with a brief work sample and if we like you enough...welcome!</div>





<DIV id=scroll3 style="position:absolute; top:1070px; left:528px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=382; height=102;"><marquee><A href="http://www.myspace.com/23jinx"><IMG src="http://img107.imageshack.us/img107/696/23jinx15eb.gif" border="none" width="450" height="95"></A> <a href="http://www.myspace.com/destroyalloperatingsystems"><img src="http://img427.imageshack.us/img427/3791/destroy25he.gif" border="0"></a></marquee></div>





<DIV id=scroll3 style="position:absolute; top:1070px; left:530px; background-color:ffffff; BORDER-RIGHT: ..000000 1px; BORDER-TOP: ..000000 1px; OVERFLOW: auto; BORDER-LEFT: ..ffffff 1px;  BORDER-BOTTOM: ..000000 1px; width=380; height=102;"> <marquee><A href="http://www.myspace.com/23jinx"><IMG src="http://img107.imageshack.us/img107/696/23jinx15eb.gif" border="none" width="450" height="95"></A> <a href="http://www.myspace.com/destroyalloperatingsystems"><img src="http://img427.imageshack.us/img427/3791/destroy25he.gif" border="0"></a></marquee></div>











<div class="content" style="position: absolute; background-color:transparent; left: 375px;  top:780px; width:300px; height:150px; overflow: auto;">
<center><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<br>
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=91518190">Message</a>
<Br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=91518190">Add</a>
<br>
<a href="">Work Portfolio</a>
<br>
<a href="">Pricing</a>
<BR>
<a href="">Designs</a>
<br>
<a href="">Promotional Management</a>
<BR>
<a href="">Photography</a>
<br>
<a href="">Designers</a>
<br>
<a href="">Maddic clothing</a>
</center></div>

[freeflow]

Your coding looks fine but my suggestions:
- Give each of your divs different names example:
<DIV id=scroll3
Stop naming them all scroll3.
Also for div class="content" name them diff things!
- Add zindexes to your divs. How ? In your div before the "> add z-index: #; . Change number to a random number and make sure you give them each a different number.
- Fot height, left , width, and top. Use px . ###Px . Etc.

Those are my suggestions to you . All we can give is suggestions in your case.