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>

[synatribe]

okay see they do use id's your right but I was also right, they dont use
# instead, they add all the style in the <div id="> so its okay, but you cant make a stylesheet like this on myspace

ex.

#something
{CSS HERE}

<div id="something"> thats illegal
but <div id="something" style="CSS HERE;
is vaild:]