Css Dropdown Menu,the Submenu Showed On Hover Dissapears While You Browse Submenu

Hello I have CSS dropdown menu, when I hover with the mouse to the firt item the submenu shows correctly but when I try to go down for example to the last item of the submenu befo

Solution 1:

demo - http://jsfiddle.net/r0bdcn7y/1/

change the css

#lang_selectli {
 display: inline-block;
 position: relative;
 width: 100%;
}

#lang_selectul {
  padding: 0px;
  margin: 0;
  border: solid 1px#e1e1e1;
  width: 85px;
}
#lang_selectli {
  display: inline-block;
  position: relative;
  width: 100%;
}
#lang_selectulul {
  position: absolute;
  display: none;
}
#lang_selectli:hoverul {
  display: block;
}
#lang_selecta {
  text-decoration: none;
  color: #333;
  font-family: Open Sans;
  font-size: 12px;
}
.lang-down {
  padding-left: 10px;
}

<divid="lang_select"><ul><li><ahref="#">  Language  <iclass="fa fa-angle-down"></i></a><ul><li><ahref="#"><spanclass="lang-down"><iclass="fa fa-globe"></i> Albanian</span></a></li><li><ahref="#"><spanclass="lang-down"><iclass="fa fa-globe"></i> French</span></a></li><li><ahref="#"><spanclass="lang-down"><iclass="fa fa-globe"></i> German</span></a></li></ul></li></ul></div>