scrollbox Options

[Smarmosaur]

i've tried everything i could think of with both of these issues, but none of them are working.

first, i have some original myspace tables showing with my DIV layout, but they're under the DIV image and i want them on top. i've tried z-index's but they're not doing shit.

second, is there a way to get your main myspace table (everything under the ad/navigation bar) in a scrollbox?

coding so far: (nowhere near completed yet)
about-

CODE

<style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}

.contacttable, .extendednetwork, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

.latestblogentry, .profileinfo {.. !important;}

body{
background-color:cbc6b2;
overflow-x:hidden;}

.top{
position:absolute;
top:0px;
left:0px;
z-index:2;}

.topbar{
position:absolute;
top:114px;
left:60px;
z-index:1;}

.middle{
position:absolute;
top:142px;
left:44px;
z-index:3;}

.bottom{
position:absolute;
bottom:0px;
left:0px;
z-index:4;}
</style>

meet-

CODE

<div class="top"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/moderntopbig.png" /></div>
<div class="topbar"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/moderntopbar.png" /></div>
<div class="middle"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/modernmiddle.png" /></div>
<div class="bottom"><img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/modernbottombig.png" /></div>

[fixtatik]

you can still arrange the original myspace tables to be where you want them, but you can't put a div element behind them.

for example, if you want to move your default picture, headline, etc., you'd use positioning:

CODE

<style>
.profileInfo { left:50%; margin:160px 0 0 -200px; position:absolute; top:0; }
</style>

the table in a scroll box, as i said, is impossible to do in IE, so there's no fiddling around with it to make it IE compatible. it simply won't work.