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?