title: Scroll bar is not working while click on scroll area in IE
body: <p>I am creating a scrollbar to move grid horizontally. When I'm using firefox as the default  browser it's working fine. If I use Internet Explorer, the scroll area is not working/disabled. I need to display a scrollbar to move my grid left or right but while I am clicking on pane it doesn't move. Here is my code snippet:</p>
  
  <p>Horizantal scroll bar:</p>
  
  <pre><code> &lt;table&gt;
      &lt;tr&gt;
      &lt;td colspan="2"&gt;
      &lt;div style="height: 17px; width: 100%;  overflow-x: scroll; overflow-y: hidden;"&gt;
        &lt;div style="height: 1px; width: 1790px;"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
       &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  
   vertical scroll bar:
  
    &lt;table&gt;
      &lt;tr&gt;
      &lt;td colspan="2"&gt;
      &lt;div style="height: 17px; width: 100%;  overflow-x: hidden ; overflow-y: scroll;"&gt;
        &lt;div style="height: 1px; width: 1790px;"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
       &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>i used same coding for vertical and horizontal. but horizontal scroll bar is not working.But vertical is working fine </p>