Submenu desaparece al intentar dar clic en él

[LordJhony]

Hola...

tengo el siguiente menú

Código HTML:

<div class="content">
  <div id='cssmenu'>
    <ul>
      <li><a href='inicio.html'>Inicio</a></li>
      <li class='active'><a href='#'>Soluciones</a>
        <ul>
          <li><a href='solucion1.html'>Solución 1</a></li>
          <li><a href='solucion2.html'>Solución 2</a></li>
          <li><a href='solucion3.html'>Solución 3</a></li>
        </ul>
      </li>
      <li><a href='beneficios.html'>Beneficios</a></li>
      <li><a href='cliente.html'>Clientes</a></li>
      <li><a href='empleo.html'>Empleos</a></li>
      <li><a href='#'>Blog</a></li>
    </ul>
  </div>
</div>
 

Y este es el codigo css del menu

Código CSS:

/* line 1 */
#cssmenu {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Ubuntu", sans-serif;
  background: #14598e;
}
/* line 12 */
#cssmenu ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 23 */
#cssmenu ul li {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 34 */
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 45 */
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 56 */
#cssmenu:after, #cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* line 63 */
#cssmenu #menu-button {
  display: none;
}
/* line 67 */
#cssmenu > ul > li {
  float: left;
}
/* line 70 */
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
/* line 73 */
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
/* line 76 */
#cssmenu.align-center ul ul {
  text-align: left;
}
/* line 78 */
#cssmenu.align-right > ul > li {
  float: right;
}
/* line 81 */
#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}
/* line 88 */
#cssmenu > ul > li:hover > a {
  background-color: #1d4f72;
}
/* line 91 */
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
/* line 93 */
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #fff;
  content: "";
}
/* line 102 */
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/* line 116 */
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
/* line 119 */
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
/* line 122 */
#cssmenu.align-right ul ul {
  text-align: right;
}
/* line 124 */
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/* line 131 */
#cssmenu li:hover > ul {
  left: auto;
}
/* line 133 */
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
/* line 136 */
#cssmenu li:hover > ul > li {
  height: 60px;
}
/* line 138 */
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
/* line 141 */
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
/* line 145 */
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 20px 30px 35px 15px;
  width: 260px;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  background: #14598e;
  text-transform: uppercase;
}
/* line 154 */
#cssmenu ul li ul li:hover > a {
  background-color: #1d4f72;
}
/* line 157 */
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
/* line 159 */
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
  color: #ffffff;
}
/* line 161 */
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #fff;
  content: "";
}
/* line 170 */
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
/* line 173 */
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #fff;
  content: "";
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/* line 187 */
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
/* line 190 */
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
 

El problema que tengo es que cuando el tamaño de la ventana está normal, el submenu (soluciones) se despliega correctamente y es posible seleccionar cualquiera de las opciones que posee. Pero cuando reduzco el tamaño de la ventana algunos centímetros, el submenu se despliega pero cuando intento seleccionar alguna opción, desaparece inmediatamente.
He revisado el código y no veo el porque de ese comportamiento, espero y me puedan ayudar a encontrar el problema. De antemano muchas gracias...