div layers, wont show up Options

[kimberlyx012]

why wont my divs show up? i changed the z-index # a bunch of times too
heres my code in case anyone needs to see it?

<!-- begin code provided by createblog.com --><br /><br /><br />ABOUT ME<br /></div> <style type="text/css"> body{background-color: white; background-image: url(http://tinypic.com/5mn4pf); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; } table, td { background-color: transparent; border:transparent; border-width:0px;} table table table {border:0px solid; border-color:transparent; padding:1; background-color:transparent; } table table{border:2px} table table table table{border:2px } font, td, a, body, input, textarea, table{color: FFFFFF;font-family:sydnie;} body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: sydnie; font-size: 8pt; color: FFFFFF; }b{ color: FFFFFF; font-weight: 11px; font-size: 11px; letter-spacing:-1px; font-family:sydnie;} u{ color:FFFFFF; font-family:arial; font-weight: normal; letter-spacing:-1px; font-family:sydnie; border-bottom: 1px 000000;} i{ color:FFFFFF; font-weight: 11px; font-size: 11px; letter-spacing:-1px; font-family:sydnie;} .btext {visibility: hidden; } .blacktext10 {visibility: hidden; } .blacktext12 {visibility: hidden; } .lightbluetext8 {visibility: hidden; } .nametext {visibility: hidden; } .orangetext15 {visibility: hidden; } .redbtext {visibility: hidden; } .text {font-family: sydnie; font-size: 8pt; color:000000; } .whitetext12 {visibility: hidden; } a:link {visibility: hidden; } a:hover {visibility: hidden; } a:visited {visibility: hidden; } /* makes extended network and blog disappear */ table tbody td table tbody tr td.text table {visibility:hidden;} /* this second line prevents other tables from being hidden */ table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;} .hidethem {visibility:hidden; display:none;} scrollbar-face-color:FFFFFF;scrollbar-highlight-color:FFFFFF;scrollbar-3dlight-color:FFFFFF;scrollbar-shadow-color:FFFFFF;scrollbar-darkshadow-color:FFFFFF;scrollbar-arrow-color:000000;scrollbar-track-color:FFFFFF; } table td div div font {visibility:hidden;} table td.text {visibility:hidden;} td.text td, td.text span, td.text a {visibility:hidden;} body { /*Scrollbar Stuff*/ scrollbar-face-color:FFFFFF;scrollbar-highlight-color:FFFFFF;scrollbar-3dlight-color:FFFFFF;scrollbar-shadow-color:FFFFFF;scrollbar-darkshadow-color:FFFFFF;scrollbar-arrow-color:000000;scrollbar-track-color:FFFFFF; } </style> <div id="MAIN TEXT" style="position:absolute; width:45; height:645; z-index:2; left:235; top:5">TEXT GOES HERE </div> <br /><br />HEROES<br /></td> </tr> </table> </td> </tr> </table> </td> <td> <div class="hidethem"><table><tr><td><table><tr><td> <br /><br /><!-- end code provided by createblog.com -->

myyspace