IE8 show hide issue for scrollable table
===

I have used javascript to creat a scollable table on page load
The visibility of the table is hidden by default.
When i minimize/maximize the page in IE, the browser makes the hidden table visible. 
Can any one help me in solving this issue.
    
The javascript to create scrollable table is as follows
    
       /* Scrollable table */
       function setScrollableTableHeight(name,maxrows)
       {
       	var count;
    		var arrObj = document.getElementsByName(name);				
    		for(count=0;count<arrObj.length;count++)
    		{
    			ScrollableTable(arrObj[0], maxrows);
    		}			   
       }
    
    	// set Body width to screen width
    	function setBodyWidth()
    	{
    	  objBody = document.getElementsByTagName('body');
    	  objBody[0].style.width = screen.width - 40;
    	  var objDivs = document.getElementsByTagName('div');
    	  for(var i=0;i<objDivs.length;i++)
    	  {
    	  	if(objDivs[i].className == "OuterPanel")
    	  	{
    	  		if(screen.width < 980)
    	  			objDivs[0].style.width = 980 - 42;
    	  		else
    	  			objDivs[0].style.width = screen.width - 42;
    	  		
    	  		break;
    	  	}
    	  }
    	}