У меня возникли проблемы с jQuery MouseOut и MouseOver.

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

Понятия не имею почему. Я разместил код на JsFiddle.

http://jsfiddle.net/Dn6Rq/

Вот HTML-код:

Lorem Ipsum Dolor Sit Amet, Lorem Ipsum Dolor Sit Amet, Lorem Ipsum Dolor Sit Amet, Lorem Ipsum Dolor Sit Amet, Lorem Ipsum Dolor Sit Amet, Lorem Ipsum Dolor Sit Amet, 

Вот jQuery:

 $(document).ready(function () {

$('.section-text').hide();

$('.section-item-portal').mouseover(function () {
    $(this).children('.section-text').fadeIn();
});

$('.section-item-portal').mouseout(function () {
    $(this).children('.section-text').fadeOut();
});

});

Буду признателен за вашу помощь :)