On my site at http://www.closetoblue.net/duncan/home.html i have a layout that's in a div layer and i also have a radio that's in a div layer but i have tried to get the radio in the div layer to be on top but it won't work. How do i do it with the Z-index thing?

If you go to my site and in the very left top corner you'll see the radio before the layout loads and that's what i want ontop of the layout and not under it.

Would i need to set the Z-index on all the div layers or just the one for the radio? Also what would i set them to? I tried 100 on the radio and it didn't even appear ontop!

"Z-index: This is the order in which your div elements are stacked, or overlapped. The number 1 would be the first layer, and the layer closest to the background of your site. The number 2 would be stacked on top of number 1, etc. You can remove this tag if you are using layers that you do not want to overlap."

That came from lissa's main site... I think that you should assign all of your divs z-indexes if you are going to do it for one. Does it matter? I have no clue... but to do it, you would just add style="z-index: 1;" to the div tag and change the number accordingly. If you are already using the style attribute, then just add the z-index part. EX: <div align="center" style="text-align: center; width: 100px; z-index: 1;"

Now, in this part of your code...

<div id="miniplayer">
<div align="center" style="text-align:center; width:70;overflow:hidden;font-family:verdana;font-size:7pt">
<div class="miniplayer" style="width:70;text-align:center;
background:url('purple.gif'); height:61">

you have id's and classes... these refer to sections in your css but you don't have any sections in your CSS called miniplayer so, whatever stylings you are trying to acheive here are not working.

I hope I helped you!

The Miniplayer is from a site that has amde them. I dunno why they have used the class if they dont provide the css for it lol

It dont matter now 'coz i've sorted it with your help, so thanks :)