slideDown doesn't work fine in IE7. please help

slideDown doesn't work fine in IE7. please help


it works fine int all other browser ( including IE6, 8) but not work in IE7.
The menu item slided down but it didn't push the next element down
Please help

thanks

  1. <script type="text/javascript">
    jQuery(document).ready(
    function () {
    jQuery('#menudoc a.menuItem').click(
    function () {
    var sub = jQuery(this).next('div');
    if (sub != null) {
    if (sub.is(':hidden')) {
    sub.slideDown('200');
    }
    else {
    sub.slideUp('200');
    }
    }
    } //function
    ); //click
    } //function
    );
    </script>
    <style type="text/css">
    #menudoc li
    {
    clear: both;
    display: list-item;
    position: relative !important;
    }
    #menudoc li div
    {
    display: none;
    }
    ul.subMenu li
    {
    margin-top: 5px!important;
    }
    </style>
    <ul id="menudoc">
    <li><a class='menuItemhref='#'>
    Sen vòi venla</a>
    <div>
    <ul class='subMenu'>
    <li><a class='menuItemhref='#'>
    Sen tròn</a></li>
    <li><a class='menuItemhref='#'>
    Sen vuông</a></li>
    </ul> </div>
    </li>
    <li><a class='menuItemhref='#'>
    Vòi rửa bát venla</a>
    <div>
    <ul class='subMenu'>
    <li><a class='menuItemhref='#'>
    Vòi gật gù</a></li>
    <li><a class='menuItemhref='#'>
    Vòi cứng</a></li>
    </ul> </div>
    </li>
    </ul>