my comments 'under' layout, how to get them 'on top' Options

[hikergirl]

i'm trying to get the comments div to appear "on top" of my background image.

My comments are appearing on my page where I want them to, but they are "under" my image, and therefore, I can't move the scrollbar.

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

I've seen profiles, (mikestah's is one) where the comments/scroll div appear on top of the image, and i can't figure out how they do it.

If I've broken the rules with this post, feel free to delete it. But I've hit a dead end.

thanks if someone can help.

[coldtrance]

so ummm is that your profile linked above? or just a model?

[hikergirl]

It's a tester page.

[hikergirl]

Here are the codes I'm using:

CODE

<div class="comt"><table><tbody><tr><td><table>

CODE

.bbzherp {hides: friends space and span text; unhides: actual comments;}
.comt td td td table, .btext, .orangetext15, .redlink {display:none;}
.comt td td td {visibility:visible; background-color:transparent !important; border:0px; width:100%;}

.bbzherp { the: MAIN comt div;}
.comt {
visibility:visible;
width: 450px; height: 300px;
position:absolute;
top: 1080px; left: 50%; margin-left: -350px;
overflow:auto;
background-color: white;
border: 1px solid;
border-color: 000000;
}

.bbzherp { fills: the empty space at top; the width of this should always be about: 50px less than the MAIN comt div;}
.comt table {
visibility:hidden; height:0px;
position:relative; top: -35px;
width: 250px;
}
.bbzherp{ always keep this: 10px less than the above code;}
*html .comt table {top: -25px !important;}