Ouverture au click, fermeture à la sortie de l'élément

Bonjour,

Voilà plus d'un jour que j'essaie en vain de faire un menu s'ouvrant au clic et ce fermant (soit au clic) soit en sortant la souris (fermeture après 2s).

J'ai prototype d'installer (je ne peux pas en changer).

<div id="select-rub" class="left">
  <!-- Rubriques -->
	<ul id="liste-rubrique">
		<li><a class="sub" href="#" id="inputsearch">Choississez ce que vous voulez !</a>
			<ul class="ss-liste-rubrique">
        <li class="rub">
          <div class="parent">
						<span>LIBELLE</span>
						<input type="checkbox" class="valign rubrique-input" name="rub_pere[]" id="rub_XX" onclick="parentClic(this);" />
					</div>
					<ul class="ss-rub">
					  <li>
							<div>
								<input type="checkbox" name="r[]" value="ss_rub_1" id="rub_ss_rub_1" onclick="choice(this);" class="rubrique-input" />
								<span>libelle_ss_rub_1</span>
							</div>
						</li>
						<li>
							<div>
								<input type="checkbox" name="r[]" value="ss_rub_1" id="rub_ss_rub_2" onclick="choice(this);" class="rubrique-input" />
								<span>libelle_ss_rub_2</span>
							</div>
						</li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</div>

J'ai essayé de mettre un script onmouseover sur tous les éléments de la page en essayant de faire ce que je voulais, mais j'ai l'impression que si je passe mon curseur sur un element lambda, ce déclenche aussi les onmouseover de ses parents, est ce vrai ?

Avez vous une solution ? >_<

En vous remerciant