How to show image using onmouseover in javascript
<p>I have lots of pets. what  i want to achive is that when ever i hover, it will display the image of particular pet in nearby div.</p>

<p>for example</p>

<pre><code>&lt;code&gt;
&lt;select name="pet" id="pet"&gt;
&lt;option value="1"&gt;Dog&lt;/option&gt;
&lt;option value="2"&gt;Cat&lt;/option&gt;
&lt;option value="3"&gt;Rat&lt;/option&gt;
&lt;/select&gt;

&lt;div id="petimage"&gt;&lt;/div&gt;
&lt;/code&gt;
</code></pre>

<p>Earlier i was using onmousehover in option  then with the help of ajax i was albe to get the particular pet image but now i realized onmousehover event not working in IE.</p>

<p>Can anyone tell me the alternative?</p>

<p>Thanks
navi</p>
