[jQuery] [BUG?] Ie8 span.show() on a.hover()

[jQuery] [BUG?] Ie8 span.show() on a.hover()


Hi, i'm trying to make a div showing when user moves mouse over a
link, so html is this:
            <a href="page.php?id=3" class="menuItem" id="news">news</a>
            <span id="newsBar">
                <a href="mandi">provanews</a>

                <a href="mandi">provanews</a>

                <a href="mandi">provanews</a>

            </span>
            <a href="page.php?id=3" class="menuItem" id="eventi">eventi</a>
            <span id="eventsBar">
                <a href="mandi">provaeventi</a>

                <a href="mandi">provaeventi</a>

                <a href="mandi">provaeventi</a>

            </span>
i've inserted this jquery code:
    $('#eventi').hover(function(e) {
        $('#eventsBar').show("fast");
    });
    $('#eventsBar').bind("mouseleave",function(e) {
        $('#eventsBar').hide("fast");
    });
    $('#news').hover(function(e) {
        $('#newsBar').show("fast");
    });
    $('#newsBar').bind("mouseleave",function(e) {
        $('#newsBar').hide("fast");
    });
so, in IE7, hovering the first link makes the newsBar span showing and
hovering the second makes eventsBar showing. In IE8, only the last
link works (i've tried to add one more link and first 2 doesn't
working)..
The problem is with the .show function, if i use the .css
("display","block") the span appears but i want to make it animate..
Here you can find a live demo http://www.pedalegemonese.it/testing/test.php