div problem content code not working :(, pic inside of how i want it to look plz help Options

[xtien]

im sorry to bug yall again but i really need your help




this is a picture of how i want my profile to look (do yall think this is possible?)






and this is how my profile currently looks
(yes i kno lol its a hot mess haha)

myspace

and these are the codes i used for my current profile

this is in the about me section
(yah theres not suppose to be 2 identical codes but this was the only way it stayed up :( )

CODE

  

<style type="text/css">
        .main {
                position: absolute;
                left: 50%;
                top: 0%;
                width: 900px;
                z-index: 1;
                margin-left: -415px;
                }
</style>  




<style type="text/css">
        .main {
                position: absolute;
                left: 50%;
                top: 0%;
                width: 900px;
                z-index: 1;
                margin-left: -415px;
                }
</style>

this is in the who I'd like to meet section

CODE

<div class="main">
        <table style="width: 800px;
        height:300;
        cellpadding: 0px;
        cellspacing: 0px;
        background-color: FFFFFF;">
<tr><td valign="top">
<div align="left">








<img src="http://i41.photobucket.com/albums/e258/iamxtien/blank.jpg">

<br><a href="http://home.myspace.com/index.cfm?fuseaction=user&Mytoken=ejqwvm,bckcajtiNkg">HOME</a>


<b><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=35440182" target="_blank">ADD</a>

<b><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=35440182" target="_blank">MESSAGE</a>

<b><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=35440182">PICS</a>

<b><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=35440182&n=2">VIDEOS</a>

<b><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=35440182">BLOG</a>



<right><style type=text/css>.FreeCodeSource {display:none; visibility:hidden;}</style></form><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="35440182"><textarea name="f_comments" cols="20" rows="5"></textarea><br><span class="FreeCodeSource"><br></span><input type="submit" value="okies"><input type="reset"value="oopsies"></form><p>


MY TEXT WAS HERE

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

this is in the interests section

CODE

{ code used in INTERESTS section }
<style>
.div1 {
background-color:FFFFFF; color:FFFFFF;
border:0px solid; border-color:silver;
width:360px; height:900px; overflow:auto;
position:absolute; z-index:2; left:34%; top:78%;
margin-left:-250px; margin-top:150px;
visibility:visible;}
</style>
{ code used in MUSIC section }
<div class="div1">
<img src="http://i41.photobucket.com/albums/e258/iamxtien/2.jpg">



</div>

*everything in bold is changeable

if any knows how i can do this could u please help me??