title: cursor:pointer and default not reflecting immediately
body: <p>I have two banners (images) which keep switching every 4 seconds. One image is clickable and the other is not. Below is the code,</p>
  
  <pre><code>&lt;div class="contentdiv"&gt;
     &lt;h:commandLink  action="#{mybean.firstImageClick}" id="firstBanner" style="text- decoration:none;"&gt;
         &lt;img src="imagePath" width="590" height="210"  border="0" style="cursor: pointer;"/&gt; 
  &lt;/h:commandLink&gt;
  &lt;/div&gt;
  
  
  &lt;div class="contentdiv"&gt;
      &lt;img src="imagePath" width="590" height="210"  border="0" style="cursor: default;"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have specified style for 1st and 2nd image as <code>pointer</code> and <code>default</code> respectively. </p>
  
  <p>When images switch, 1st image will appear as Pointer to user when he moves his cursor over the image. When a switch happens to 2nd image, and when user has not moved his cursor away from the image, 2nd image will also appear as Pointer instead of Default.
  Only when User clicks on 2nd image, it will change as Default and then User will come to know that 2nd image is not clickable. </p>
  
  <p>Same thing happens with 1st image. When User is in 2nd image and when a Switch happens from 2nd image to 1st image, Cursor will still be default instead as Pointer. So, User doesn't know that 1st image is clickable.</p>