Временная отмена стиля при hover
 

Подскажите пожалуйста, как сделать следующую вещь:
Делаю подобие drop down menu, но так чтобы при клике по пунктам меню обратно сворачивалось.

т.е. есть список со стилем:
overflow: hidden;
height:20px;

При hover делается
overflow: visible;

Надо сделать так, чтобы при клике по элементу списка, он опять стал overflow: hidden; т.е. как будто потерял фокус мыши.

Примерная основа: http://jsfiddle.net/ybC4r/5/

P.S. Желательно без jQuery и ему подобных вещей.
А так же с учетом того что будет использовано только на современных браузерах. IE скорее всего вообще не будет использоваться.

Например, вот так:
http://jsfiddle.net/ybC4r/10/

shevmax,
http://jsfiddle.net/ybC4r/6/

теперь при наведении к обвертке списка добавляется класс по которому открывается список

При клике на один из списков он удаляется

Но мне кажется лучше использовать свойство display для скрытия элементов, хотя в этом случае может и нет