Can anyone help me change the code so that the text shows up over the image? I'm stuck, Thanks!

<body>
<div id="image1" background:"planets.gif"
style="position:absolute;
overflow:hidden;
left:224px;
top:179px;
width:24px;
height:26px;"
onClick="test(this);">
<img style="width: 24px;
height: 27px;
border: 0px;
z-index: 1;"
src="planets.gif">

<div style="Z-INDEX: 3;
LEFT: 224px;
TOP: 179px;
cssFloat:float">Test</div>
</div>

</body>