Piece Missing Out of Background Options

[dyindyinjohnson]

This stupid piece disappeared, and when I move the DIV Image it gets bigger. I've cropped down my image so I know its not the teeth. I've moved the Text Area, and still its missing.

CODE

<style>
.main {position:absolute; left:50%; margin-left:-400px;
top:81px;background-00adef;}

.links {position:absolute;top:450px; left:50%; margin-left:-322px; width:900px;}

.content {position:absolute; top:212px; left:50%; margin-left:145px; overflow:auto; width:240px; height:161px; color:000000; font-size:10px; margin-top:1px;font-weight:normal; letter-spacing:1px; font-family:tahoma;}

</style>

<style type="text/css">
div, table, tr, td, tbody {background-color:transparent;}

a.home{
float:left;
height: 58px;
width: 96px;
overflow: hidden;
background-image: url("http://img22.imageshack.us/img22/6514/home2s.png");
background-position: center;
background-repeat: no-repeat;
}

a.home:hover{
background-image: url("http://img198.imageshack.us/img198/456/homessy.png");
background-position:center;
background-repeat: no-repeat;
}

a.message{
float:left;
height: 72px;
width: 150px;
overflow: hidden;
background-image: url("http://img200.imageshack.us/img200/7961/messagefinal.png");
background-position: center;
background-repeat: no-repeat;
}

a.message:hover{
background-image: url("http://img24.imageshack.us/img24/1985/messagefinal1.png");
background-position:center;
background-repeat: no-repeat;
}

a.comment{
float:left;
height: 58px;
width: 150px;
overflow: hidden;
background-image: url("http://img18.imageshack.us/img18/1682/commentfinal1.png");
background-position: center;
background-repeat: no-repeat;
}

a.comment:hover{
background-image: url("http://img32.imageshack.us/img32/3258/commentfinal.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures{
float:left;
height:58px;
width:150px;
overflow: hidden;
background-image: url("http://img29.imageshack.us/img29/5660/picturesfina2l.png");
background-position:center;
background-repeat: no-repeat;
}

a.pictures:hover{
background-image: url("http://img36.imageshack.us/img36/4211/picturesfinal.png");
background-position:center;
background-repeat: no-repeat;
}

a.add{
float:left;
height:58px;
width:65px;
overflow: hidden;
background-image: url("http://img24.imageshack.us/img24/1149/addfinal.png");
background-position:center;
background-repeat: no-repeat;
}

a.add:hover{
background-image: url("http://img190.imageshack.us/img190/9080/addfinal2.png");
background-position:center;
background-repeat: no-repeat;
}

a.block{
float:left;
height:50px;
width:105px;
overflow: hidden;
background-image: url("http://img38.imageshack.us/img38/5388/blockfinal2345.png");
background-position:center;
background-repeat: no-repeat;
}

a.block:hover{
background-image: url("http://img23.imageshack.us/img23/9900/blockfinal123.png");
background-position:center;
background-repeat: no-repeat;
}
</style>

<div class="links">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="message"></a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=
XXXXXXXX&MyToken=8b2108be-2301-4485-a399-e782c86fa854" class="comment"></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="pictures"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendId=XXXXXXXX" class="add"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXXXX" class="block"></a>
</div>


<div class="main">
<img src="http://img9.imageshack.us/img9/7625/final23455555.png" width="477" border="0" usemap="#imap_37" >
<map id="imap_37" name="imap_37" >
<area shape="rect" coords="327,248,341,309" alt="" title="" href="http://www.myspace.com/dyindyinjohnson">
</map>

</div>

<div class="content">
<center>

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNDg3NDI5NTMwNTkmcHQ9MTI*ODc*Mjk1NjI4MiZwPTE4MDMxJmQ9Jmc9MSZvPWY2OTI2
TBmMDNlODQwMTQ4MGY1NjVkMWJlY2I3MzQz.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.myflashfetish.com/swf/mp3/myflashfetish-mp3-player.swf" height="155" width="218" style="width:218px;height:100px"><param name="movie" value="http://assets.myflashfetish.com/swf/mp3/myflashfetish-mp3-player.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=26153193&path=2009/07/27&mycolor=1689b3&mycolor2=00acf0&mycolor3=ffffff&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=218&oh=155"/></object>

Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here. Content Here.
</center>
</div>




<style>
{Background Properties}
table, tr, td { background-color:00adef;
border:none; border-width:0;}
body {background-color:00adef}
.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
background-color:00adef;}


body{
background-color:transparent!important;
background-image:url(http://img36.imageshack.us/img36/1802/backrpmd.png);
background-position:center!important;
background-repeat:continuously!important;
background-attachment:fixed !important;}


.mygen { Text Properties }
table, div{font-family:arial; color:FFFFFF; font-size:12px;}
</style>

<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails,
.userProfileDetail, .userProfileNetworking, .userProfileSchool,
.userProfileCompany, .extendedNetwork, .latestBlogEntry,
.blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.friendsComments {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

I moved everything down very far, so I could just see the background blue and the line of blue. And when I scrolled down I noticed it went away. Could it have something to do with the ad? Because when the ad scrolls up, so does that area.

I lowered the blue line in my background, and now it doesn't seem to be affected.

Reason for edit: Please use the edit button instead of triple posting. Thanks. - TJ