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!

[pure_doxy]

z-index just says what order you want the layers to be in on your xanga. Simpler explaination:

a div layer with the z-index of 1 will be the first layer closest to the page, and you build up. So your background will generally be z-index:1, and then your blog on top would be z-index: 2. (Or basically, layer #2)

Kind of explain it?

As for Kirby being transparent...you must make it transparent in photoshop. No code will magically cut Kirby out of the background. Open the picture in photoshop, designate a certain color to be transparent, and save as gif. If you're still not sure, I'm certain photoshop comes with its own tutorials on how to do this. Look through "Help".