zindex使ってみる。

必要に駆られて。
とある、image fileの上に、text入れたいとさ。
まぁ、ある程度位置は固定できてるので。
ダサいやり方なんかなぁ。
誰かご教授下さいまし。

<html>
<head><title>test.html</title></head>
<body>
<p align="center">test page</p>
<script language="JavaScript">
<!--
	window.onload=function(){
		document.getElementById("text").innerHTML = "<b>text,text</b>";
	}
//-->
</script>
<div align="center" id="banner" style="z-index:1;">
<img src="image.gif">
</div>
<p id="text" align="center" style="position:relative;top:-40px;z-index:2;"></p>
</body>
</html>