help with div layers and transparency, WTF IS Z-INDEX!?! and how do u use it? Options

[add1cted2f1re]

click here to see whats going on

i want the kiby to:
-have a transparent background <-- most important
-go ON TOP of the blog area (see how its UNDER it)

heres my code

<!-- begin code provided by createblog.com --><br /><img src="http://i27.photobucket.com/albums/c181/requestlayouts90/Kirby2/blogpreview.jpg" width="650" height="550" border="0" alt="" usemap="#kirby_Map"><br /><map name="kirby_Map"><br /><area shape="poly" alt="RequestAll Designs" coords="69,397, 67,438, 56,458, 11,468, 10,447, 10,414, 18,397, 51,396" href="http://www.xanga.com/RequestAll" target="_blank"><br /><area shape="poly" alt="REGISTER 4 XANGA" coords="77,330, 69,330, 69,319, 18,330, 10,362, 10,398, 71,385" href="http://www.xanga.com/register.aspx" target="_blank"><br /><area shape="poly" alt="SUBSCRIBE!" coords="81,268, 55,270, 13,270, 13,330, 69,316" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=XANGA USER NAME" target="_blank"><br /><area shape="poly" alt="CreateBlog (for blogging assistance)" coords="69,464, 69,459, 39,466, 0,480, 10,514, 45,514, 69,509, 92,480" href="http://www.createblog.com" target="_blank"><br /><area shape="circle" alt="SIGN IN" coords="43,242,29" href="http://www.xanga.com/signin.aspx"><br /><area shape="circle" alt="LOOK&FEEL" coords="40,183,29" href="http://edit.xanga.com/claf.aspx"><br /><area shape="circle" alt="YOUR BLOG" coords="39,124,29" href="http://www.xanga.com/private/home.aspx"><br /><area shape="circle" alt="XANGA" coords="40,65,28" href="http://www.xanga.com"><br /></map><br /><br /><br /><br /><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><br /><div style="<br />margin-left: 430px;<br />margin-top: -180px;<br />border: 0px;<br />width: auto;<br />height: auto;<br />background: none;<br />"><br /><img src="http://i27.photobucket.com/albums/c181/requestlayouts90/Kirby2/kirbyoverlay.png" background="transparent"></div><br /><br /><br /><br /><br /><br /><br /><div style="<br />overflow: auto;<br />width: 516px;<br />height: 500px;<br />margin-top: -598px;<br />margin-left: 84px;"><br /><!-- end code provided by createblog.com -->

thnks!