title: Canvas Scrollbar not working
body: <p>I created canvas inside the div tag and add background image to the canvas. Here is the code: </p>
  
  <pre><code>&lt;div id="container" style="width: 740px; height: 420px"&gt;
    &lt;canvas id="canvas_draw"&gt;&lt;/canvas&gt;                        
  &lt;/div&gt;
  
   #container
      {
          position: relative;
      }
      #canvas_draw
      {
          border: 1px dashed #CCCCCC;
          margin: 5px;
          border-style: dotted;
          border-width: 1px;
          background-color: #FFFFFF;
          overflow:scroll !important;
          background-image:url('Images/sample.jpg');
          background-repeat: no-repeat;
          background-size: 900px 600px;
          vertical-align: top;
      }
  </code></pre>
  
  <p>Out put is, Scroll-bar displayed on the canvas , but unable to scroll it. I tested it on the Chrome.
  Tried with applying the scroll functionality to the div, it's works fine but, <code>unable to draw on scroll area</code>.So, I applied <code>overflow: scroll</code> functionality to the canvas only.. How can I solve this scroll-bar issue.</p>
  
  <p>Thanks in Advance...</p>