div layers, help on my first skin EVER Options

[thezer0pr0ject]

I can't seem to make it so the blog is on top of my image map. Here's the code.

<!-- begin code provided by createblog.com -->
<div style="left=0; top=0; position=absolute;">
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div style="left=0; top=0; position=absolute; z-index:1;"> <IMG SRC="http://img.photobucket.com/albums/v13/fondue/skin_robotarmy.jpg" WIDTH=900 HEIGHT=600 BORDER=0 ALT="" USEMAP="#skin_robotarmy_Map">
<MAP NAME="skin_robotarmy_Map">
<AREA SHAPE="rect" ALT="" COORDS="34,247,132,270" HREF="http://www.xanga.com/logout.aspx">
<AREA SHAPE="rect" ALT="" COORDS="35,221,118,242" HREF="http://www.xanga.com/signin.aspx">
<AREA SHAPE="rect" ALT="" COORDS="35,166,118,186" HREF="http://www.xanga.com/subscriptions">
<AREA SHAPE="rect" ALT="" COORDS="35,140,232,160" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?=thezer0pr0ject">
<AREA SHAPE="rect" ALT="" COORDS="35,110,180,131" HREF="http://www.xanga.com/private/home.aspx">
<AREA SHAPE="rect" ALT="" COORDS="35,84,254,105" HREF="http://www.xanga.com/thezer0pr0ject">
<AREA SHAPE="rect" ALT="" COORDS="35,54,165,78" HREF="http://www.xanga.com/profile.aspx?user=thezer0pr0ject">
<AREA SHAPE="rect" ALT="" COORDS="35,27,95,51" HREF="www.xanga.com">
</MAP>
</div>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<div id="Blog" style="width:300; height:500; BACKGROUND:#ColorNumber; overflow:auto; FILTER: chroma(color=#000000) allowTransparency alpha(opacity=100); z-index:2;">
<!-- end code provided by createblog.com -->

According to the tutorial I pulled off here, the bolded z-index numbers should put the blog on top of the image map. What on earth am I doing wrong?

[C.Lime.Jello.]

........
Why would you need z-index numbers?
And why do you need 3 div layers?
Oh, and you forgot a hex code towards the end.
Use "#Transparent" if you're not using one.

[thezer0pr0ject]

Now that I re-read the tutorial, I realize I can put them together. But how? And the order that I write them will determine their order on the page, right? So should I write my image map first or my blog?

[sweetxsimplicity]

I think your div layer code is a little messed up, try using the ones from the skin tutorials.

[waccoon]

........
Why would you need z-index numbers?
And why do you need 3 div layers?
Oh, and you forgot a hex code towards the end.
Use "#Transparent" if you're not using one.

Z Indexes.. they sort of tell you which element is above another.
Why wouldnt you need three divs? One for the blog, one for the image, one for a module.

[shortvi3tlaydee]

u should try n use this code for the blog credit to natimaries tutorial

CODE

<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: ###px;
height: ###px;
margin-top: ###px;
margin-left: ###px;">
<!-- end code provided by createblog.com -->