Desplegable se cierra según posición del ratón

[CarlosMilles]

La cosa es que tengo una cabecera donde basicamente hay un logo, dos botones para moverse por la página y un deplegable para seleccionar el idioma.

Mi problema está en el desplegable, que al pasar el ratón por encima se depliega perfectamente, y mientras el ratón está digamos en el rectángulo de la cabecera, este funciona, pero cuando el ratón sobrepasa esa "frontera", el desplegable se me cierra. ¿A que se debe?



En la imagen el ratón estaba por encima de la parte azul (cabecera de mi pag), al pasar a la altura del rojo (todo esto con el desplegable abiert) se cierra.

Código HTML:

<div class="ContenedorCabecera">
            <a href="#" class="Logo">LogoUEPcar</a>
        <div class="ContenedorNavegacion">
            <div class="ContenedorBotones">
                <div class="icon-set icon-set-center">
                    <div class="icon BotonHome"></div>
                    <div class="icon BotonADV"></div>
                </div>
            </div>
        </div>
        <div class="ContenedorIdiomas">
            <ul class="DropdownIdiomas Fuente">
                <li class="active">Idioma actual</li>
                <li class="first"><div class="Banderas BanderaEsp"></div><a href="#">Español</a></li>
                <li><div class="Banderas BanderaMall"></div><a href="#">Mallorquí</a></li>
                <li class="last"><div class="Banderas BanderaEng"></div><a href="#">English</a></li>
            </ul>
        </div>
    </div>
 

Grasias!