div显示隐藏有关问题急

div显示隐藏问题急急急，，
。。。弄了个 列表，<ul>
<li class="mainlevel" onclick="click1('1')"><a href="#">流平增光剂</a></li>
<div class="child_menu" id="1">
<ul>
<li>流平增光剂</li>
<li>流平增光剂</li>
<li>流平增光剂</li>
<li>流平增光剂</li>
<li>流平增光剂</li>
</ul>
</div>
  <ul>
.child_menu{margin-left:50px;}
.child_menu li{line-height:23px; height:23px;}

<script type="text/javascript">
function click1(name){
var ch=document.getElementById(name);
if(ch.style.display == "")
ch.style.display="none";
else ch.style.display="";
}
</script>

这么写可以实现DIV的隐藏和显示，但是我需要的是，默认值是不显示 child的，但是，我将 .child_menu{margin-left:50px;dispaly:none;}之后，就不能实现DIV的隐藏和显示了，求解决办法。。。。
还有就是，我给mainlevel 加的背景，为什么在IE6里面不显示呢？？？在狐火中，div是在li的下面的，是不是IE6中，在li的右边呢？？？急急急，，


------解决方案--------------------
用数字开头没有问题,但不符合命名规范.

JScript code

function click1(name){
var ch=document.getElementById(name);
if(ch.style.display == "block")
ch.style.display="none";
else 
ch.style.display="block";
}