help with DIV Options

[silentscreamer37]

this is already my third DIV layout, so i kinda have somewhat of an idea as to what i'm doing.
this time, when i put words or pictures in they don't show up... i've tried a lot of different things, but i can't seem to fix the problem. this is only a half a page DIV, and the other two were full pages. please help me figure out the problem...

my coding:

About me:

CODE

<style type="text/css">
.r{}
body {
background-color:000000;
background-image:url('');
background-position:center center;
background-repeat:repeat;
background-attachment:fixed;
}


table td div div font {visibility:;}
img {border:0px;}

p {align=justify}
BODY{cursor: url();}
a {cursor: url();}

table, tr, td {background:transparent; border:0px;}
table table table {background-color:ffffff;}
table table table {
border-width:0px;
border-color:;
border-style:;
}

a, a:link,a:active,a:visited{font-family:century gothic; font-size:8pt; line-height:10pt; color:CC99FF;text-decoration:none}
a:hover{border-bottom:1px dashed 66CCFF; font-family:tahoma; font-size:8pt; line-height:10pt; color:66CCFF;}


BODY
{
  direction:;
  background-attachment:fixed;
  scrollbar-arrow-color: CC99FF;
  scrollbar-track-color: 99FFCC;
  scrollbar-face-color: 66CCFF;
  scrollbar-highlight-color: CC99FF;
  scrollbar-3dlight-color: CC99FF;
  scrollbar-darkshadow-color: CC99FF;
  scrollbar-shadow-color: CC99FF;
}

.comments {visibility:hidden;display:none;}

</style>



<style type="text/css"> .Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-385px; padding:0px; border:0px; background-color:transparent;}




table {direction:rtl;}
table table table {direction:ltr;}



.Main { position:absolute; left:50%; top:125px; width:559px; z-index:1; margin-left:-495px; padding:0px; border:0px; background-color:000000;}


</style>

<style>

. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}




.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}






</style>






<style type="text/css">
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>

i'd like to meet:

CODE

<DIV class="Main"> <table style="width:559px; height:700px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:000000; }"> <tr> <td valign="top">




<br>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<font color="FFFFFF">

Hi I'm Katie.
<img src="http://img.photobucket.com/albums/v692/djkatie1440/rawr.gif">



</font>


</td></tr></table></DIV>

thanks. :)


psssst... this is my myspace, if you want to see it: http://www.myspace.com/28714545

[freeflow]

You have to get rid of

CODE

<style>

. {removes top links and navbar}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}




.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}






</style>

for your divs to show.

[silentscreamer37]

thank you so much. i <3 you. :)

[freeflow]

haha your welcome if you need extra help pm me.