MY FIRST DIV LAYOUT!!! Options

[Melie]

My DIV Layout

Ok everyone! please let me know what you think of it. i'm very new to this so be gentle.

i'm having problems submitting it. it keeps telling me that my images should be in jpg, gif, or png. all of my images are one of those links so i don't understand why it's not working.

here are the codes

CODE

{ABOUT ME SECTION}
<style type="text/css"> .Main { position:absolute; left:50%; top:125px; width:1000px; z-index:1; margin-left:-500px; padding:0px; border:0px; background-color:transparent;} <style type="text/css">.comments {visibility:hidden;display:none;}</style><br />

<style>Body{background-color:7c7c7c;
scrollbar-arrow-color:000000;
scrollbar-track-color: c8c6c8;
scrollbar-shadow-color: 797879;
scrollbar-face-color:a4a4a4;
scrollbar-highlight-color:878687;
scrollbar-darkshadow-color:5d5b5d;
scrollbar-3dlight-color:a9a8a9;}

a:link, a.man{font-family:Kristen ITC; font-size:16px; color:c302fa; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:Kristen ITC; font-size:16px; color:8ed1f7; font-weight:none;border:0px; text-transform: lowercase;}  
a:visited{font-family:Kristen ITC; font-size:16px; color:c302fa; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:Kristen ITC; font-size:16px; color:01a2fd; font-weight:none;border:0px; text-transform: lowercase;}
</style>





<style type=text/css>
.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>

CODE

{I'D LIKE TO MEET!}
<div class="Main"> <table style="width:1000px; height:600px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:7c7c7c;}"> <tr> <td valign="top"> <a href><img src="http://img224.imageshack.us/img224/8488/untitled1sq0.jpg" border="0" /></a>

<div id="my info" style="position:absolute; width:200px; height:230px; z-index:0; left:220px; top:120px;
background-color: transparent; font-family:Kristen ITC; font-size:24px;  color:000000; font-weight:none;border:0px; text-transform: lowercase;"><b><center>♥melissa♥</b><br/></center>


<center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=127917178">
<img src="http://img139.imageshack.us/img139/6897/maxly7.jpg" width=130 height=130 border=3><br/><large>View my: Pics
</large></A></center>
</div>

<div id="about me" style="position:absolute; width:290px; height:230px; z-index:0; left:480px; top:120px;
background-color: transparent; font-family:Kristen ITC; font-size:24px;  color:000000; font-weight:none;border:0px; text-transform: lowercase;"><b><center>♥about me♥</b><br/></center>

***{ENTER TEXT}***
</div>

<div id="links" style="position:absolute; width:494px; height:100px; z-index:0; left:260px; top:350px;
background-color: transparent;"><center><a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=366dbfc4-466f-4c9b-a1ba-a9561ea9b965">Home</a> ♥
<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=127917178">Comments</a>♥
<a href="http://blog.myspace.com/127917178">Blog</a>♥
<a href="http://mail8.myspace.com/index.cfm?fuseaction=mail.message&friendID=127917178">Send Message</a> ♥
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=127917178">Add To Friends</a> ♥
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=127917178">View Friends</a> ♥
</div>

<div id="comments" style="position:absolute; width:587px; height:112px; z-index:0; left:220px; top:410px;
background-color: transparent;background-color: transparent; font-family:Kristen ITC; font-size:24px;  color:000000; font-weight:none;border:0px; text-transform: lowercase;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="127917178" type="hidden"><textarea name="f_comments" style="width: 450px; height: 70;" cols="10" rows="7" style="border-width: 2px; border-style: solid; border-color: 8ed1f7; font-family: Kristen ITC; text-transform:lowercase; letter-spacing:1pt;font-size: 12px; color: 000000; background-color: 8ed1f7;" style="overflow:auto;">hello my queen :)</textarea>
<br> <input value="ENTER" style="border-width: 1px; border-style: solid; border-color: c302fa; width:65px; font-family: Kristen ITC; text-transform:lowercase; letter-spacing:1pt; font-size: 12px; color: 000000; background-color: 8ed1f7;" type="submit"> <input value="ERASE" style="border-width: 1px; border-style: solid; border-color: c302fa; width:65px; font-family: Kristen ITC; text-transform:lowercase; letter-spacing:1pt;font-size: 12px; color: 000000;  background-color: 8ed1f7;" type="reset"></form>

</div>

<div id="friends" style="position:absolute; width:85px; height:800px; z-index:0; left:840px; top:130px;
background-color: transparent;background-color: transparent; font-family:Kristen ITC; font-size:16px;  color:000000; font-weight:none;border:0px; text-transform: lowercase;"><b>♥FRIENDS♥</b></br>

<marquee direction="down">
<a href="http://www.myspace.com/47081579"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/Hammy-CanYouHelpMeFindMyNuts.png" width="80"></a>
<a href="http://www.myspace.com/60287295"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/ohgreatandpowerfulsteve.jpg" width="80"></a>
<a href="http://www.myspace.com/47976285"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/oth56.jpg" width="80"></a>
<a href="http://www.myspace.com/4302113"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/Boo.gif" width="80"></a>
</marquee>
</div>
<br />






<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>

[showstopper!]

are you using PS or PSP?
you might want to add some more color to it.
make it stand out.
maybe add a brush or two.

other than that.
I find it rather nice for your first one.
but in FF the comment box is misaligned.

nice job though.