хочу сделать так, чтобы меню появлялось при наведении мышки и пропадало при убирании мышки. при использовании такой конструкции меню пропадает и не появляется

#side {visibility: hidden; }
#side:hover { visibility: visible !important;}

если попробовать наоборот, меню видимое, а при наведении пропадает, то меню начинает мерцать, не пропадая больше чем на несколько секунд. участие класса .bordered ситуацию не изменило.