overlaying text

[mooger35]

I'm sure I'm missing something totally simple here but I'm trying to overlay text on my header image...

what I have:

<style type="text/css">
div#header{margin-top:20px; margin-bottom:5px;border:1px solid #7C7C7C; height:76px;width:760px;}
</style>

<div id="header"><img src="header-left.jpg" alt=""><img src="random/image.jpg" alt=""><div style="position:relative;top:-20px;left:150px;z-index:1;color:#FFF;size:10px;">Text will go here</div></div>

The problem of course is that I have a space below the images where my text div is. How do I just float the div over the image without creating space for it?

Thanks.

[mooger35]

Got it...

<div id="header"><span style="position: relative;"><img src="header-left.jpg" alt=""><img src="random/image.jpg" alt=""><span style="position:absolute; top:62px;left:130px;">Text will go here</span></span></div>