title: onmouseover not working on chrome?
body: <p>i want to use onmouseover so that it replaces preview picture with thumbnail picture when mouse is on it..
  below code works fine on firefox and IE but not working on chrome..
  here is the link where it is applied <a href="http://samdesign.comli.com/gallery.html" rel="nofollow">samdesign.comli.com/gallery.html</a></p>
  
  <pre><code>    &lt;div class="gallery" align="center"&gt;
  &lt;h1&gt;Photo Gallery&lt;/h1&gt;&lt;br/&gt;
  
  &lt;div class="thumbnails"&gt;
      &lt;img onMouseOver="preview.src=img1.src" id="img1" src="images/Salman_Siddiqui.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onMouseOver="preview.src=img2.src" id="img2" src="images/slide6.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onmouseover="preview.src=img3.src" id="img3" src="images/slide1.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onmouseover="preview.src=img4.src" id="img4" src="images/slide2.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onmouseover="preview.src=img5.src" id="img5" src="images/slide3.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onmouseover="preview.src=img6.src" id="img6" src="images/slide4.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onmouseover="preview.src=img7.src" id="img7" src="images/slide5.jpg" alt="Image Not Loaded"/&gt;
      &lt;img onmouseover="preview.src=img8.src" id="img8" src="images/slide7.jpg" alt="Image Not Loaded"/&gt;
  &lt;/div&gt;&lt;br/&gt;
  
  &lt;div class="preview" align="center"&gt;
      &lt;img id="preview" src="images/Salman_Siddiqui.jpg" alt="No Image Loaded"/&gt;
  &lt;/div&gt;
  
  &lt;br/&gt;
  
  &lt;/div&gt;
  </code></pre>