Help with picture in div overlay, div overlay Options

[djdaveoc]

I have this code in my about me:

<div class="bg" style="position: absolute; left:500px; top:500px; width:500px; height:500px; overflow: hidden;">
<img src="http://i47.photobucket.com/albums/f155/djdaveoc/business11.jpg">
</div>

I have a lot of other code in there too, but what I need to know is why this div doesn't show on my page. I'm just trying to place a photo from photobucket.com onto my page and play around with the coordinates for positioning. Am I missing some code that I need besides this? Thanks.

My page is myspace.com/davidpoggi

[djdaveoc]

I appreciate everyone's help but I don't think anyone has understood so far. I need 100% of the exact code to use for the whole div. I know I can change the number of px to move the div around on the screen and set the width and height. Instead of telling me to add style tags, which I don't know how to do, just include it in the code you're giving me. I need everything since I'm not a web programmer and I know very little html and no other languages. I also don't know what a z index is or how to implement it into the code for the div. So that's why I need everything. Thank you all for trying. Here is the code I'm trying for the div, but nothing shows up. Maybe someone can just tell me what I'm missing. Thanks everyone.

I have this in my INTERESTS area:

<style>
.div3 {
position: absolute;
left: 15px;
top: 800px;
width: 500px;
height: 400px;
}
</style>

And I have this in my MUSIC area:

<div class="div3"><img src="http://i47.photobucket.com/albums/f155/djdaveoc/full_denon_djset1.jpg"></div>

Thanks again for the help. My page is myspace.com/davidpoggi