No me funciona el menu desplegable

[PSPforever]

Hola

Tengo puesto este script para un menu desplegable:

Código Javascript:

<script language="javascript" type="text/javascript">
function muestraMenu(obj){
var lista = obj.ChildNodes[2];
lista.style.display = 'block';
}
function ocultaMenu(obj){
var lista2 = obj.ChildNodes[2];
lista2.style.display = 'none';
}
</script>
 

Y la estructura del menu es esta:

Código HTML:

<ul id="menu_main">
      <li onmouseover="muestraMenu(this);" onmouseout="ocultaMenu(this)"><a href="#">Opcion 1</a>
<ul id="submenu">
      <li><a href="#">Opcion 1.1</a></li>
      <li><a href="#">Opcion 1.2</a></li>
      <li><a href="#">Opcion 1.3</a></li>
      </ul>
      </li>
      <li><a href="#">Opcion 2</a></li>
      <li><a href="#">Opcion 3</a></li>
      <li><a href="#">Opcion 4</a></li>
      </ul>
 

Pero no me funciona, en la ventana de errores de IE me dice que childnodes es nulo o no es un objeto, que estoy haciendo mal??

gracias por anticipado, espero vuestras respuestas