menu de despliegue

[xlos_mas_pro]

Hola tengo un menu de despligue con css y html
dejo solo el html ya que el css es igual que todos

Código HTML:

<div class="menu">
            <ul>
                <li><a href="#">Principal</a>
                    <ul>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                    </ul>
                </li>
                <li><a href="#">segundo</a>
                    <ul>
                        <li>
                            <a href="#">3</a>
                        </li>
                        <li>
                            <a href="#">4</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
 

Pero Bueno voy al grano lo que quiero es que cuando se abra el menu desplegable osea cuando pase el mause por ensima y luego lo quiera sacar para que se cierre no se cierre sino que tenga que hacer clik fuera del menu para que se cierre

GRACIAS DE ANTEMANO