DIV Layout is playing a SHRINKING Trick on ME! HELP!, It's my first attempt at a Myspace DIV Layout.. bare with me Options

[DNAimagery]

So my test myspace is :
http://profile.myspace.com/index.cfm?fusea...bf-f3058e7f1de8

I don't understand why the image is shrunk like that:
it's 802px by 2022px

Hosted at ImageShack here:
http://img504.imageshack.us/my.php?image=d...amyspaceai4.jpg

Here is my code.. I don't know what I'm doing wrong..
Any help would be appreciated.


ABOUT ME

CODE

<style>

body {
background-color: 333333;
background-image: url("http://img504.imageshack.us/my.php?image=divdnamyspaceai4.jpg");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: 333333;
scrollbar-shadow-color: 333333;
scrollbar-face-color:333333;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:FFFFFF;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 0px solid; border-color: 000000; background-color: none; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 11px arial; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 11px arial; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:12px; color:00cccc; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:12px; color:00cccc; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: 00cccc; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ffffff; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: 00cccc; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}

a:link, a.man{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:11px; color:ff33ff; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:11px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }

.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext, .extendednetwork, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail {display:none; height:0px!important; visibility:hidden;}

.blurbs {border:0px;}

</style>

<style>
.latestBlogEntry {position:absolute; left:50%; top:1500px; _top:1500px; margin-left:40px; _margin-left:40px; width:800px; _width:800px; height:141px; overflow:auto; z-index:9;}
.comments {position:absolute; left:50%; top:1863px; _top:1863px; margin-left:-345px; _margin-left:-345px; width:800px; _width:800px; height:1000px; overflow:auto;}
.friendspace {margin-top:-70px;}
.friendscomments {margin-top:-70px;}
.columnswidening {display:inline;}
.columnswidening img {display:block;}
</style>

I'D LIKE TO MEET

CODE

<div class="bg" style="position: absolute; left:50%; margin-left:-401px; top:180px; width:802px; height:2202px; overflow: hidden;">
<img name="divdnamyspace0" src="http://i207.photobucket.com/albums/bb304/dnaimagery/DivDNAmyspace.png" border="0" usemap="#div_dnamyspace" alt="" />

<map name="div_dnamyspace">
<area shape="rect" coords="10,407,163,435" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZWRuYWxpZmUuY29t" alt="BLOG" />
<area shape="rect" coords="180,405,259,431" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xOTc0ODE5NzU=" alt="PHOTOS" />
<area shape="rect" coords="270,404,346,430" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xOTc0ODE5NzU=" alt="ADD US" />
<area shape="rect" coords="355,407,420,432" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTE5NzQ4MTk3NQ==" alt="BLOCK" />
<area shape="rect" coords="520,406,608,430" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t" alt="MESSAGE" />
<area shape="rect" coords="631,405,693,429" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xOTc0ODE5NzUmTXlUb2tlbj0yZTUyNzZmOC0xYWY3LTQ0ZjEtYjM2OS0xNDc3O
M4Y2NkZDE=" alt="COMMENT" />


<area shape="rect" coords="1,900,800,429" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmRuYWV2ZW50cy5jb20=" alt="DNA EVENTS" />
</map>
</div>


<div class="comments"><table><tr><td><table><tr><td>

[DNAimagery]

I don't know how I would go about doing that?
I can "slice" it per say and make about 3 separate images, but then I would not know how to code it and make it so it aligns together.

CODE

<img name="divdnamyspace0" src="http://i207.photobucket.com/albums/bb304/dnaimagery/DivDNAmyspace.png" border="0" usemap="#div_dnamyspace" alt="" />

Would I put this part three times? and give each one a different usemap?