Content Not Showing, in div Options

[Cloud9Nine]

This always happens to me when i begin putting the div areas, my content doesn't show up! I've had to use either this :

CODE

table, tr, td, li, p, div { font-family:georgia; color:FFFFFF; font-size:12px;     }

or this :

CODE

.text {font:normal 14px georgia; color: 696969; font-weight:none; border:0px; text-transform: none; line-height:12px;}

but now neither is working is it something with my coding?

CODE

<style type="text/css"> a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;} </style>

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>


<style>. {removes top links and navbar}
div table form tr td, a.navbar,{visibility:hidden!important; height:0px!important;}</style>
<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
</style>

<style>
body {
background-color:000000;
scrollbar-arrow-color: FAF8CC;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:FAF8CC;}
table, tr, td, li, p, div { font-family:georgia; color:000000; font-size:12px;}  
a{font-family:georgia; font-size:14px; color:000000; font-weight:none;border:0px; text-transform: none; }  
a:link{font-family:georgia; font-size:14px; color:000000; font-weight:none;border:0px; text-transform: none;}
a:active{font-family:georgia; font-size:12px; color:000000; font-weight:none;border:0px; text-transform: none;}
a:visited{font-family:georgia; font-size:14px; color:000000; font-weight:none;border:0px; text-transform: none;}
a:hover{font-family:georgia; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:link, a.man{font-family:georgia; font-size:12px; color:white; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:georgia; font-size:14px; color:000000; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:georgia; font-size:14px; color:000000; font-weight:none;border:0px; text-transform: none;}
a:hover{font-family:georgia; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
</style>



<div class="bg" style="position: absolute; left:35px; top:90px; width:924px; height:621px; overflow: hidden;">
<img src="http://img440.imageshack.us/img440/8986/finalblackoffwhiteoo8.png">
</div>

<div class="content" style="position: absolute; left:460px;  top:128px; width:176px; height:44px; >lkjlkjskj</div>

p.s. I know I only have one area for the div's but I already noticed the letters don't show up

oh and link to the myspace in case it's needed :
myspace view

[freeflow]

Have you tried removing:

CODE

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