Help with css overlay, Can't move the div bars??? Options

[aestheticloveinc]

I'm normally very good at very good at troubleshooting, but this time I can't figure this one out on my own.

http://www.geocities.com/xo_hanayo//index.htm

that is the myspace layout I plan to switch over.

You'll notice in the top box that the second div bar is in the first.

I used proper end tags (I think?),

here's what I did:

CODE

<span class="text"></td></tr>
</table>
</td>

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


<style>

*{padding:0px;}
body{
visibility: visible; background-image:url(http://i33.tinypic.com/2zsd99y.jpg); visibility: visible; background-repeat:repeat-y;background-attachment: scroll; background-color: black; background-position: top center; font-family: Lucida, Arial, Helvetica, sans-serif;}
a:link, a:active, a:visited {text-decoration:none; color:000000; font-family:Arial, Helvetica, sans-serif;
font-size:12px; font-weight:normal;}
a:hover {text-decoration:none; color:FFFFFF; font-family:Arial, Helvetica, sans-serif;}
table, tr, td, li,div, font,p { font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:WHITE; background-color:transparent;border:none;border-width:0; }

table table table table { visibility:visible; }
div table tr td font img {visibility:visible;}
div table tr td input, div table tr td select {visibility:visible;}
div table {background-color:transparent;}
table, tr, td {background-color:transparent;}
table tr td font strong {visibility:hidden;}
table td div div font {visibility:visible; color: black;}
.contactTable {display:none;}
.orangetext15, .whitetext12, .nametext, {display: none;
visibility:visible;}
.orangetext15 {display: none; visibility: visible;}
.whitetext12 {display: none; visibility: visible;}
.nametext {display: none; visibility: visible;}
.lightbluetext8 {color:black;}
.ImgOnlineNow{display:none;}

.Main { position:absolute; background-color:transparent; top:0px; top:0px!important; left:50%; width:800px; height:1000px; z-index:3; margin-left:-400px; padding:0px; border:0px;}
.navigationBar {visibility:hidden; display:none;}
.ms_menu { position:absolute; width:896px; height:20px; z-index:9; left: 0px; top:20px!important; top:20px; visibility: visible; background-color:transparent; text-align: center;}
ctl00_Main_ctl00_UserFriends1_pnlAllFriendsLink { visibility:visible;}

.com {position:absolute; width:800px; max-width:7000px!important; height:70000px; z-index:6; overflow: auto; left:8px!important; left:8px; top: 2455px; visibility: visible; background-color:transparent; align:left; div-align:left; margin:0px; margin-left:0px; padding:0px; valign:top; word-wrap:break-word;}
.com table tr td div div a {visibility:hidden; }
.com table tr td div div {visibility:hidden;}
.com table tr td div {visibility:hidden; }
.com table tr td td {border:0px solid; background-color: transparent; top:-20px!important; top:0px; left: -30px!important; left:20px; padding: 0px;}
.com table tr td td table td {visibility: visible; border:0px solid;}
.com table table {border:0px solid;}

.latestBlogEntry {position:absolute; z-index:0; overflow: auto; max-width:400px; width:400px; width:400!important; left:600px!important; left:600px; top: 1935px; visibility: visible; background-color:transparent; align:left; div-align:left; margin:0px; margin-left:0px; padding:0px; valign:top; word-wrap:break-word;}


td td td embed, td td td object {position:static; margin-left:0px;}

</style>



<div class="Main">

<div id="back" style="position:absolute; width:850px; height:1000px; left:-25px; top:50px; background-image:url(http://i36.tinypic.com/2ikec8g.jpg); background-color:transparent; background-repeat:no-repeat; background-position: top center; overflow:none; text-align:left; font-family:Lucida, Arial, Helvetica, sans-serif; font-size:9px;"></div>



<div id="ADD" style="position:absolute; z-index:5; width:88px; height:39px; left:70px; top:375px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i36.tinypic.com/29or9z7.jpg"></a></div>

<div id="MSG" style="position:absolute; z-index:5; width:127px; height:52px; left:210px; top:375px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i34.tinypic.com/2zfvmrk.jpg"></a></div>


<div id="FWD" style="position:absolute; z-index:5; width:133px; height:38px; left:382px; top:378px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i33.tinypic.com/169fa6q.jpg"></a></div>




<div id="VIEWWEB" style="position:absolute; z-index:5; width:190px; height:46px; left:567px; top:365px; background-color:transparent; overflow:none;"><a href="http://www.myspace.com"><img src="http://i37.tinypic.com/am3787.jpg"></a></div>


<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:240px; background-color:transparent; overflow:auto;">HEY GUYS <div>


<div id="TOPBOX" style="position:absolute; z-index:5; width:675px; height:110px; left:75px; top:740px; background-color:transparent; overflow:auto;">HEY GUYS <div>
</style></span>

[schizo]

^ Exactly. In order to get your code to work, you'd need to switch the periods to pound signs or change id to class. Since myspace doesn't read pound signs, you need to switch id to class.