Mam problemy z jQuery MouseOut i MouseOver.

Za każdym razem, gdy najeżdżam kursorem na wybrany div, pojawia się div potomny, który musi zostać wyświetlony. jednak zaczyna migać.

Nie mam pojęcia dlaczego. Wysłałem kod na JsFiddle.

http://jsfiddle.net/Dn6Rq/

Oto kod 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>

Oto 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();
});

});

Byłbym wdzięczny za całą twoją pomoc :)