My code is really slow in IE8. But in Safari,firefox,chrome it works great
<p>iam stuck now, i really hope if somebody can tell me the problems what i really don't see.</p>

<p>The problem is is the menubar works great in Safari,FF,Chrome. But when i open IE8 its so slow when i put my mouse cursor on another menu area. Or better the entire menu is just so slow!</p>

<p><strong>html id &amp; class are</strong></p>

<pre><code>  &lt;div class="oe_wrapper"&gt;
     &lt;ul id="oe_menu" class="oe_menu"&gt;
</code></pre>

<p><strong>this is my javascript code:</strong></p>

<pre><code>$(function () {
    var $oe_menu = $('#oe_menu');
    var $oe_menu_items = $oe_menu.children('li');
    var $oe_overlay = $('#oe_overlay');

    $oe_menu_items.bind('mouseenter', function () {
        var $this = $(this);
        $this.addClass('slided selected');
        $this.children('div').css('z-index', '9999').stop(true, true).slideDown(300, function () {
            $oe_menu_items.not('.slided').children('div').hide();
            $this.removeClass('slided');
        });
    }).bind('mouseleave', function () {
        var $this = $(this);
        $this.removeClass('selected').children('div').css('z-index', '1');
    });

    $oe_menu.bind('mouseenter', function () {
        var $this = $(this);

        $this.addClass('hovered');
    }).bind('mouseleave', function () {
        var $this = $(this);
        $this.removeClass('hovered');

        $oe_menu_items.children('div').hide();
    })
});
</code></pre>

<p>this is my menu code:</p>

<pre><code>&lt;div class="oe_wrapper"&gt;


    &lt;ul id="oe_menu" class="oe_menu"&gt;

        &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;
            &lt;div&gt;
                &lt;ul&gt;
                    &lt;li class="oe_heading"&gt;Lipsum&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;ul&gt;
                    &lt;li class="oe_heading"&gt;Lipsum&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/li&gt;


        &lt;li&gt;&lt;a href="#"&gt;PRODUCTEN&lt;/a&gt;
            &lt;div style="left:-191px;"&gt;
                &lt;ul&gt;
                    &lt;li class="oe_heading"&gt;Lipsum&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Persen&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;


                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;
            &lt;div style="left:-383px;"&gt;
                &lt;ul class="oe_full"&gt;
                    &lt;li class="oe_heading"&gt;Lipsum&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;

                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/li&gt;


        &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;
            &lt;div style="left:-575px;"&gt;
                &lt;ul&gt;
                    &lt;li class="oe_heading"&gt;Lipsum&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;ul&gt;
                    &lt;li class="oe_heading"&gt;Lipsum&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/li&gt;



        &lt;li&gt;&lt;a href="#"&gt;CONTACT&lt;/a&gt;
            &lt;div style="left:-767px;"&gt;
                    &lt;ul&gt;
                    &lt;li class="oe_heading"&gt;Lipsum/li&gt;
                                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Lipsum&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;

            &lt;/div&gt;
        &lt;/li&gt;
    &lt;/ul&gt;   
&lt;/div&gt;
</code></pre>
