<html>
<head>
<title>CSS Display Attribute / Reflow Test </title>
</head>

<body bgcolor="#FFFFFF" onLoad="enable('blueSpan','hidden');enable('blueSpan','visible');enable('blueSpan','hidden');">
<a href="javascript:enable('blueSpan', 'hidden');">Hide Blue</a>&nbsp;&nbsp;
<a href="javascript:enable('blueSpan', 'visible');">Show Blue</a>&nbsp;&nbsp;<BR>Should not see the blue table<BR>  
   
<table id="blueSpan" bgcolor="blue">
<tr><td>
Blue table
</td></tr>
</table><br> 

</body>
</html>

<script>

function enable(spanID, displayState) {
    var element = document.getElementById(spanID);

    if (displayState == 'hidden') {
        element.style.display = 'none';
    } else {
        element.style.display = '';
    }
}

</script>





</BODY>
</HTML>
