Attempting to create a DIV overlay, DIV overlay for MySpace Options

[Peace2Future]

Hello,
We are attempting to create a DIV overlay for our Myspace profile.
We have looked over the tutorials in the forum here, but still having some issues.
Here is our myspace: http://www.myspace.com/trialpageyahoo

In a nutshell,
We are trying to create a div overlay that is all white,
with a image at the top, with the navigation bar below,
then on the left the Bio/Content table, with a sidebar/links beside it.
Below that on the right a marque with some icons.
Below all of that, another content table with a large image.
Below that, a table with 2.5in.icons that we'd like to be able to scroll thru, horizontally if possible.
Then the comments/friends.


The part we are having issues with is trying to get the navigation bar up a tad to hide whatever that is behind it that is showing thru. The overlay page seems to not be long enough either, attempted to fix that and ended up screwing up what we'd already figured out toooooo many times! It goes grey at the end, white overlay ends too soon? The last table with the icons, can't figure out how to make them line up going horizontally and scroll that way.

We are attempting to learn this, know the basics of html, so we know our codes are likely a laughable mess!
Thank you anyone for your offers of help and your precious time, we really appreciate it.
Peace, J&R

Here are the codes:

CODE

<style type="text/css">
.main {
position: absolute;
left: 50%;
top: 160px;
width: 800px;
z-index: 1;
margin-left: -450px;
}
.navigation{
border-bottom:1px solid;
border:1px solid;
}
.navigation li{
display:inline;
list-style-type:none;
padding:6 26px 6 6;
}
.navigation a:link, .navigation a:visited{
font-family:tall paul;
font-size:20px;
padding:10px;
}
.navigation a:hover{
text-decoration:none;
padding:10px;
}
.content{
width:525px;
float:left;
padding:5px 5px 5px 7px;
margin:5px 0 0 5px;
border:0px solid;
}
.sidebar{
width:360px;
float:right;
padding:5px 5px 5px 7px;
margin:5px 5px 0 0;
border:0px solid;
}
.content2{
width:800px;
float:left;
padding: 3px 3px 3px 3px
margin: 0px 0 0 0px;
border: 0px solid;
}
.content3{
width:800px;
float:left;
padding: 5px 5px 5px 7[x
margin: 5px 0 0 5px
border: 0px solid;
}
.floatcontainer{
clear: both;
width: 520px;
height: 300px;
padding: 5px;
background-color: 999999;
}
.leftdiv{
float: left;
width: 225px;
height: 280px;
margin: 2px;
padding: 3px;
background-color: 865433;
}
.rightdiv{
overflow: scroll;
float: right;
width: 275px;
height: 250px;
margin: 2px;
padding: 3px;
background-color: 888888;
}
body{
scrollbar-arrow-color:000000;
scrollbar-track-color:FF0000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:CCCCCC;
scrollbar-highlight-color:FF0000;
scrollbar-darkshadow-color:FF3300;
scrollbar-3dlight-color:CCCCCC;}
.friendsComments{visibility:visible !important;display:box;position:absolute; left:200px;top:3050px;z-index:3;]
.friendsComments td{visibility:visible !important;border:none;z-index:3}
</style>

CODE

<div class="main">
<table style="width:800px;
height:850px;
cellpadding:0px;
cellspacing:0px;
background-color:FFFFFF;">
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1JbWFnZWZvcnRvcG9mcGFnZS5qcGc=" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/Imagefortopofpage.jpg" border="0" alt="Imagefortopofpage"></a>
<tr><td valign="top">
<ul class="navigation">
<li><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zMzM3Mzc0NDQ=">Add Us As A Friend</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0zMzM3Mzc0NDQ=">Message Us</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MzMzNzM3NDQ0">Our Photos</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MzMzNzM3NDQ0">Our Blog</a></li>
</ul>

<br />

<div class="content">
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a><BR>
<b><center><font size="24" face="Tall Paul">
....Who We Are....</b></center></font><BR>
blahblahblahblahblahblahblahblahblahblahblahblahblah.<BR>
blahblahblahblahblahblahblahblahblahblahblahblahblah.<BR>
blahblahblahblahblahblahblahblahblahblahblahblahblah.<BR>
blahblahblahblah.<BR>
blahblahblahblah.<BR>
blahblahblahblah.<BR>
blahblahblahblahblah.<BR><BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR><BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR><BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR><BR>
<center><i>"blahblahblahblah."</center></i><BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR><BR>
blahblahblahblahblah.<BR>
blahblahblahblahblah.<BR><BR><BR>
</div>

<div class="sidebar">
<b><center><font size="24" face="Tall Paul">
Some Links</b></center></font><BR>
<center>blahblahblah</center><br><center>BLAH</center></a><BR>
<center>blahblahblah<center><BR><center>blahblahblah</center><BR><center>blahblahblah</center><BR> <center>blahblahblah</center><BR><BR><center>blahblahblah</center><BR><center>blahblahblah</center><BR><center>blahblahblah</center><BR><center>BLAH</center><BR><center>blahblahblah</center><BR><BR><center>blahblahblah<BR><center>BLAH</center><br><BR>
</div>
<div id="marquee" style="position:absolute; left:580px;
top:1100px; width:400px; height:240px; overflow:auto;"><marquee direction=left>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
</div>

<td><tr><table>
<div class="content2" style="position: absolute; left:0px; top:1600px; width:800px; height:800px; overflow: auto;">
<b><center><font size="24" face="Tall Paul">
Things Important to us....</b></center></font><BR><BR>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1JY29uc2l6ZWltYWdlLmpwZw==" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/Iconsizeimage.jpg" border="0" alt="Icon collage size"></a>
<BR>
</td></tr></table>
</div>

<td><tr><table>
<div class="content3" style="position: absolute; left:0px; top:2600px; width:800px; height:100px; overflow: auto;">
<b><center><font size="24" face="Tall Paul">
Icons Across here->....</b></center></font><BR><BR>
<a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a><a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a><a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a><a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a><a href="http://www.msplinks.com/MDFodHRwOi8vczI2NC5waG90b2J1Y2tldC5jb20vYWxidW1zL2lpMTY2L3RyaWFscGFnZS8/YWN0aW9uPXZpZXcmY3VycmVudD1pY29uaW1hZ2VzaXplMmFuZGhhbGYuanBn" target="_blank"><img src="http://i264.photobucket.com/albums/ii166/trialpage/iconimagesize2andhalf.jpg" border="0" alt="icon size"></a>
</tr></td></table>
</div>



<div class="floatcontainer">
<div class="leftdiv">
<p>We're going to float this container to the left</p>
</div>
<div class="rightdiv">
<p>We're going to float this container to the right</p>
</div>

[Melie]

i have no prob helping. my first suggestion is to find a coding that will delete everything on the profile and then work from there. i suggest looking in the myspace scripts section here on createblog. send an email if u have more questions