div's won't show? Options

[x_MiChElLe_xo]

I got the background and everything fine, but now any new div's that I want to put over it won't show up? As in, the "divskullsbase" won't show. I've tried everything that I could think of, please someone help?

http://profile.myspace.com/index.cfm?fusea...iendid=66376155

<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:black;text-align:center;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>


<div class="divskullsbg" style="
width:800px; height:600px; overflow:auto;
position:absolute; z-index:1; left:50%; top:50%;
visibility:visible;
background-image:url(http://img.photobucket.com/albums/v326/SweetAzSuga40/6a9c4791.png);
margin-left: -395px;
margin-top: -75px;>

</div>

<div class="divskullsbase" style="
width:468px; height:533px; overflow:auto;
position:absolute; z-index:2; left:50%; top:50%;
visibility:visible;
background-image:url(http://img457.imageshack.us/img457/5807/divskullsbase2eu5.png);
margin-left: -95px;
margin-top: -75px;>

</div>

[we were infinite]

now make sure to change the top and left number at times because if their way off screen then their not going to show

and then also
you need to make the content things for them

<div class="divskullsbase">
content
</div>