可关闭的浮动图片怎么做啊??/

<html>
<head>
<style type="text/css">
.div1{ border:1 solid #FFFF00 #333333 #333333 #FFFF00;width:20; height:20; text-align:center; cursor:default}
.div2{ width:20; height:20; text-align:center; cursor:default}
</style>
<script language="JavaScript">
<!--
function chgStyle(src,flag){
if(flag==0)
src.setAttribute("className","div1");
else
src.setAttribute("className","div2");
}
function closeParentDiv(src){
src.parentNode.style.display="none";
}
//-->
</script>
</head>
<body>
<div id="divFloat" style="background-color: red; width:300; height:200; text-align:right">
<div style="width:20; height:20; text-align:center; cursor:default" onmouseover="chgStyle(this,0)"  
onmouseout="chgStyle(this,1)" onclick="closeParentDiv(this)">X</div>
</div>
</body>
</html>