[jQuery-es] Ayuda con selectores

[Rafa Garcia]

Buenas a todos. De nuevo problema con jquery y selectores: Tengo el 
siguiente menu:

<code>
<ol id="mainmenu">
                    <li id="item1"><a href="#" class="display">Líneas y 
Servicios</a>
                        <ul id="listaopciones_item1">
                            <li><a href="#">-Consultar mis cuentas y 
líneas</a></li>
                            <li><a href="#">-Alta nueva línea</a></li>
                            <li><a href="#">-Baja nueva línea</a></li>
                            <li><a href="#">-Modificar servicios</a></li>
                            <li><a href="#">-Modificar 
restricciones</a></li>
                        </ul>
                    </li>.......
</code>

y quiero que al pasar el ratón por el enlace "Lineas y servicios" se 
despliegue el ul#listaopciones_item1, que arranca con un display: none 
en el css. Añado este código jquery para que muestre el menu al pasar 
por el enlace (lo hace bien) y para que al salir del conjunto li#item1 
ul#listaopciones_item1 se oculte, pero esto no me lo hace porque no 
consigo asignar el evento al conjunto (li#item1 y descendientes). El 
jquery es el siguiente:

<code>
$(document).ready(function(){
    $('li#item1 a.display').mouseover(function(){
        $(this).parent().find('#listaopciones_item1').show();
    });
    $('li#item1 > ul#listaopciones_item1').mouseout(function(){ /* Aqui 
lo estropeo al no conseguir seleccionar el conjunto*/
        $(this).hide();
    }); ...
</code>

Que se os ocurre?

Gracias adelantadas.