IE8 issue with toggle() to show/hide content

Question

Hi, I have a problem in IE8 only where a link should show/hide content when clicked. IE7 and webkit and gecko browsers work fine, only IE8 is the problem! I can't see what's going wrong with the code I've got, and even just trying show() instead of toggle() doesn't have any effect - am i missing something here? Thanks for any help!

    //hide class=hidden elements
    $('.hidden').hide();
    $('a#hide').live("click", function(){
                        $(this).parent().siblings(".hidden:first").toggle();
                        return false;
                    });

The above js is for the following html:

<a href="#hidden" id="hide">Click to show</a></p>
<p id = "hidden" class = "hidden">
    my content
</p>