Mantener submenú abierto despues de clickar

[Carbru]

Hola, estoy editando el css de una página, y al crear el submenu de esta, cuando el raton sale de la LI el submenu desaparece, y eso es muy incomodo y necesitaria arreglarlo.

EL codigo que estoy usando és este:

#menu {
font-family: Roboto
width: 100%;
height: 40px;
background-color: #ededed;
text-align: center;
}

#menu li {
float: left;
width: auto;
list-style:none;
}

#menu li a {
display: block;
width: auto;
text-decoration: none;
padding: 0 20px 0 20px;
line-height: 40px;
color: grey;
font-size:13px;
}

#menu li ul {
visibility: hidden;
position: absolute;
left: 0;
list-style:none;
}
#menu li:hover a {
background: #0c7ec3;
color: #ededed;
}

#menu li:hover ul {
visibility: visible;
width: 100%;
background: #0c7ec3;
}


#menu li:hover ul li a {
display: block;
background: #0c7ec3;
color: #ededed;
}
#menu li:hover ul li a:hover,
#menu li a:hover ul li a:hover {
background-color: red;
color: #ededed;
}