Problema con sub-opciones de un menu desplegable

[mensajeescrito]

Hola amigas/os, a ver si alguien puede ayudarme con esto.

Tengo un menu desplegable en la que cada opcion tiene a su vez otro menu desplegable.

El problema es:

Cuando despliego el primer menu y aparecen sus opciones, al ponerme sobre ellas

aparecen al lado sus sub-opciones, pero no puedo poner el cursor en dichas sub-opciones por que me desaparecen.

Si alguien pudiera ayudarme con ello le estaria muy agradecido.

Este es el codigo:

Código bootstrap:

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        
            <ul class="nav navbar-nav navbar-right">
 
                <li class="dropdown">
       
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Servicios<b class="caret"></b></a>
                  
                  <ul class="dropdown-menu">
 
 
                    <li class="dropdown-submenu">
                    
                        <a class="test" tabindex="-1" href="#"> Rotulos <span class="caret"></span></a>
 
                        <ul class="dropdown-menu">
                          <li><a tabindex="-1" href="#">Subtítulo 1</a></li>
                          <li><a tabindex="-1" href="#">Subtítulo 2</a></li>
                        </ul>
                      
                    </li>
 
                  </ul>
                  
                </li>  
 
            </ul>
            
        </div>      
        <!-- /.navbar-collapse -->
 

[petit89]

Estas publicando tu duda/consulta en el foro de CSS y solo pones HTML... yo creo que realmente es problema de CSS.. pero si no lo muestras, poco podemos ayudarte...