Jquery Slider is not working with Magento 1.6.2 in Internet Explorer
<p>I downloaded Wowslider in order to achieve the slider effect on my home page. 
In the magento backend: 
Content section of my home page (CMS->PAGES), I pasted in the following code:</p>

<pre><code>&lt;!-- Start WOWSlider.com BODY section --&gt;
&lt;script type="text/javascript"&gt;// &lt;![CDATA[
var $j = jQuery.noConflict();
$j(document).ready(function() {
    $j('#s3slider').s3Slider({
        timeOut: 4000
    });
});
// ]]&gt;
&lt;/script&gt;
&lt;div id="wowslider-container1"&gt;
&lt;div class="ws_images"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;img id="wows0" title="Blue hills" src="data1/images/blue_hills.jpg" alt="Blue     hills" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img id="wows1" title="Sunset" src="data1/images/sunset.jpg" alt="Sunset" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img id="wows2" title="Water lilies" src="data1/images/water_lilies.jpg" alt="Water lilies" /&gt;&lt;/li&gt;
&lt;li&gt;&lt;img id="wows3" title="Winter" src="data1/images/winter.jpg" alt="Winter" /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="ws_bullets"&gt;
&lt;div&gt;&lt;a title="Blue hills" href="#"&gt;&lt;img src="data1/tooltips/blue_hills.jpg" alt="Blue hills" /&gt;1&lt;/a&gt; &lt;a title="Sunset" href="#"&gt;&lt;img src="data1/tooltips/sunset.jpg" alt="Sunset" /&gt;2&lt;/a&gt; &lt;a title="Water lilies" href="#"&gt;&lt;img src="data1/tooltips  /water_lilies.jpg" alt="Water lilies" /&gt;3&lt;/a&gt; &lt;a title="Winter" href="#"&gt;&lt;img src="data1/tooltips/winter.jpg" alt="Winter" /&gt;4&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;a class="wsl" href="http://wowslider.com"&gt;HTML Slideshow Code Generator by WOWSlider.com v2.1.3&lt;/a&gt; &lt;a class="ws_frame" href="#"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;script src="engine1/wowslider.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="engine1/script.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;!-- End WOWSlider.com BODY section --&gt;
</code></pre>

<hr>

<p>In the page.xml, the last line of the code below is added by me:</p>

<pre><code>&lt;block type="page/html_head" name="head" as="head"&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;prototype/prototype.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;lib/ccard.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;prototype/validation.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;scriptaculous/builder.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;scriptaculous/effects.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;scriptaculous/dragdrop.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;scriptaculous/controls.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;scriptaculous/slider.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;varien/js.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;varien/form.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;varien/menu.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;mage/translate.js&lt;/script&gt;&lt;/action&gt;
                &lt;action method="addJs"&gt;&lt;script&gt;mage/cookies.js&lt;/script&gt;&lt;/action&gt;

&lt;!--the following 1 line is added by myself --&gt;
                &lt;action method="addItem"&gt;&lt;type&gt;skin_js&lt;/type&gt;&lt;name&gt;skin/frontend/newdefault/default/js/jquery.js&lt;/name&gt;&lt;/action&gt;
</code></pre>

<p>The result is that the slider is working in Firefox and chrome, but not in IE (it's static in IE and just show 1 image)</p>

<p>I have tried other plugins as well for sliding effect, and all seems working in firefox or Chrome but not in IE.</p>
