popup not working fine when i add table in div

[vikas byn]

<div style="border: 1px black solid; width: 100%; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;">Alarms <a href="javascript:showMyInfo(this);" style="text-decoration: none;"><span id="plusminus" style="font-weight:bold; width:20px;">+</span></a></div>
<div id="myinfo" style="visibility: hidden; position:absolute; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;">
CPU Alerts 1<br/>
DisK Alerts 122<br/>
</div>


<script type="text/javascript">
<!--
function showMyInfo(id){
var myinfo=document.getElementById("myinfo");
if(document.getElementById("plusminus").innerHTML=="+"){

myinfo.style.position="absolute";
myinfo.style.height="auto";
myinfo.style.visibility="visible";
//myinfo.style.background="white";
myinfo.style.right="10px";
document.getElementById("plusminus").innerHTML="-";
}else{
myinfo.style.visibility="hidden";
document.getElementById("plusminus").innerHTML="+";
}

}

//-->
</script>


This code is working fine. But I want show data in tabular format So I added table in div, then it is not working fine.

changed code
----------------


<div id="myinfo" style="visibility: hidden; position:absolute; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;">
<table>
<tr> <td>CPU Alerts</td><td>121</td> </tr>
<tr> <td>DisK Alerts</td><td>33</td> </tr>
</table>
</div>

------------------

where i do mistake please tell me?