Script help, please!, Aargh! Just when I thought I had everything figured out...! Options

[oxymrncparadx]

I am (yet again) having problems with my Myspace layout. Here is what it looks like: www.myspace.com/1byttn2shi

Needs work, eh? I'm trying to add in the information where it belongs, but of course, nothing can go easily. Dreamweaver will not show the picture (unless I preview it in Internet Explorer) when it usually does, but it's showing the information and where I want to put it. However, once seen in IE, none of the info shows up! I also cannot center the picture, and I've tried editing the main image div code a zillion times. Here is my code that I am currently working with.

CODE

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

body {
background-color: 000000;

</style>

<img src="http://img.photobucket.com/albums/v673/iHeartKiTTiE/SarahBettensLayout.gif" name="SarahBettensLayout0" width="900" height="1200" border="0" align="middle" usemap="#SarahBettensLayout" />


<map name="SarahBettensLayout">
<area shape="rect" coords="740,537,781,557" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=c4e416d4-4fbc-4ba5-a9e4-c38e2aeb35f1" alt="The only ones here">
<area shape="rect" coords="740,564,771,585" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=120707491" alt="But I need all, all of you">
<area shape="rect" coords="740,592,770,612" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=120707491&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" alt="It’s pretty nice to find your way">
<area shape="rect" coords="741,616,806,635" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=120707491" alt="I am not insane">
<area shape="rect" coords="741,644,796,666" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=120707491&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb" alt="Someone keeps saying I could be a star">
<area shape="rect" coords="740,670,775,693" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=120707491" alt="Oh, I want you to know I’m okay">
</map>

</body>
</html>

<div class="content" style="position: absolute; left:81px; top:519px; width:200px; height:150px; overflow: auto;"><center>
My Music goes here.</div>

<div class="content" style="position: absolute; left:79px; top:752px; width:200px; height:150px; overflow: auto;"><center>
My Books and Authors go here.</div>

<div class="content" style="position: absolute; left:619px; top:555px; width:123px; height:157px; overflow: auto;"><center>
http://img.photobucket.com/albums/v673/iHe...jpg</div>

<div class="content" style="position: absolute; left:530px; top:699px; width:199px; height:150px; overflow: auto;"><center>
My bio goes here.</div>

<div class="bg" style="position: absolute; left:50%; top:165px; width:900px; height:1200px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v673/iHeartKiTTiE/SarahBettensLayout.gif">
</div>

Can someone tell me what I am doing wrong?!

[FoxLucky]

I'm not sure if this is part of your problem but remove the <center> and instead put text-align:center; in your stylesheet. You didn't have any closed tags... so that might be part of your problem.