IE9 jquery slidedown effect issue

So i have a ul list where i click a div above it and then i toggle it so i can slidedown/up the开发者_如何学C list... but when i slidedown the list on IE9 i see this weird effect below it:

this happens on slideUp

my code looks like this:

    $(".btn").click(function() {
    if ($(this).next().is(":visible")){
        $(".slide_menu").slideUp("fast");
    }else{
        $(".slide_menu").slideUp("fast");
    }
});

html looks like this:

        <div class="btn">Button</a></div>
    <ul class="slide_menu">
    <li><a href="http://domain.com">Link</a></li>
    </ul>

If all you want to do is toggle it on clicks, try this. Altered your code just a bit, I don't have IE9 because I'm on a mac but this should work. If it still doesn't work. Tell me and I'll see what I can do!

http://jsfiddle.net/fWJuk/1/

If you have the height css style set at 100% for the html or the body element, removing it could solve the IE9 box-shadow rendering issue. This worked for me. I know, IE9 should have done this properly in the first place. This looks like a IE9 bug.