Salve...ho scritto questo per una voce di menu' :

.ca-menu li{
width: 380px;
height: 150px;
overflow: hidden;
position: relative;
display: block;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
margin-bottom: 4px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;


in pratica ho una voce del menu che col passaggio del mouse si allarga.
Vorrei che cliccandoci la voce del menu non ritorni com'era ma mi resti allargato,finche' non si clicca un altra voce di menu'.

Come posso fare?

p.s. NOVELLO PROGRAMMATORE