带关闭按钮的弹出层

<script type="text/javascript" language="javascript">
function show(checkbox_list){
    var checkbox_list = document.getElementById(checkbox_list);
checkbox_list.style.display = "block";
}
function hidden(checkbox_list){
    var checkbox_list = document.getElementById(checkbox_list);
checkbox_list.style.display = "none";
}
</script>

<table width="100%" border="0" cellpadding="0" cellspacing="1" class="table"> 

<tr>
        <td colspan="7" style="position:relative;">
            <input name="b2" type="button" value="" class="button" οnclick="show('checkbox_sizemodellist')" />
            <!--div begin-->
                <div id="checkbox_sizemodellist" style="display:none;z-index:2000;position:absolute;left:3px;top:23px;border:1px solid #06c;padding:0px;background:#fff;">
                    <div style="background:#0184de;text-align:right;padding-right:3px; color:#FFFFFF"><span style="float:left">Ƭ</span><span style="width:12;border-width:0px;color:white;font-family:webdings; cursor:hand; left:-200;" οnclick="hidden('checkbox_sizemodellist')">r</span></div>
                    
                    &nbsp;&nbsp; &nbsp;&nbsp;<input name="" type="button" class="button" style="width:40px;" value="ύ"/>&nbsp;<input name="" class="button" type="button" οnclick="hidden('checkbox_sizemodellist')" value="ر" style="width:40px;"/><br />
                </div>
            <!--div end-->
        </td>
  </tr>
</table>
<p>&nbsp;</p>