Некорректно работает JS. В чем собственно проблема?

Добрый день!

Очень нужна помощь по работе с js.

Может кто подсказать как решить такой вопрос: есть сайт - http:// new. clockservice. ru/ (он сейчас в разработке пока еще), там при наведении на пункт "о компании" и "услуги" появляются выпадающие меню, реализованные просто как дивы при наведении. Но они как-то странно работают - нет того самого плавного перехода который ожидался от действия при наведении. Т.е. выпадашка есть, при наведении она выпадает... и все.

реализовано это было

$('.li_about').mouseover(function() {
        $('.cs_about').css("display", "block");
    });
    $('.cs_about').mouseout(function(e) {
        $(this).css("display", "none");
    });
    $('.cs_about').mouseover(function(e) {
        $(this).css("display", "block");
    });

Но видимо что-то здесь не так. Помогите, плиз)