internet explorer javascript style.height不工作

我正在尝试为网站创建一个cookie策略警报，就像屏幕顶部的一个条一样简单。其想法是，用户必须单击“关闭”，然后该栏才会消失。这个概念在谷歌chrome中运行良好，但在InternetExplorer9中，点击时不会改变其高度

这是我的代码（我知道它是基本的，但不幸的是，它必须是由于该机构使用的平台）-

<script language=javascript type='text/javascript'> 
function hideDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideShow').style.height= '0px'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideShow.height= '0px'; 
} 
else { // IE 4 
document.all.hideShow.style.height= '0px'; 
} 
} 
} 

function showDiv() { 
if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('hideShow').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.hideShow.visibility = 'visible'; 
} 
else { // IE 4 
document.all.hideShow.style.visibility = 'visible'; 
} 
} 
} 
</script> 

<style>
#hideShow{
color:white;
font-family:Gill Sans MT;
text-align:center;
font-height:20px;
</style>

<div id="hideShow" ..etc> 
My content 
<a href="javascript:hideDiv()">Close</a> 
</div> 

函数hideDiv（）{
if（document.getElementById）{//DOM3=IE5，NS6
document.getElementById（'hideShow'）。style.height='0px'；
} 
否则{
if（document.layers）{//Netscape 4
document.hideShow.height='0px'；
} 
否则{//IE 4
document.all.hideShow.style.height='0px'；
} 
} 
} 
函数showDiv（）{
if（document.getElementById）{//DOM3=IE5，NS6
document.getElementById（'hideShow'）。style.visibility='visible'；
} 
否则{
if（document.layers）{//Netscape 4
document.hideShow.visibility='visible'；
} 
否则{//IE 4
document.all.hideShow.style.visibility='visible'；
} 
} 
} 
#隐藏{
颜色：白色；
字体系列：Gill Sans MT；
文本对齐：居中；
字体高度：20px；
我的内容

另外，如果有人愿意的话，你能解释一下我如何设置它，使div'hideShow'显示，直到它被点击，然后再也不会出现在那台机器上吗

如果你需要更多的细节，请告诉我。 提前谢谢

---

Rob

问题在于，必须在hideShow css中定义高度以及字体大小。然后javascript必须将高度和字体大小设置为0px