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

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

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

http://jsfiddle.net/Dn6Rq/

Вот HTML-код:

<div class="section-item-portal">
<div class="section-text">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, </div>
</div>

Вот 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();
});

});

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