title: how to make a div with divs added by javascript completely scrollable
body: <p>I have a div <code>report_container</code> which is used to display a collection of dynamically generated charts. the charts are drawn using javascript (Yahoo UI library) and they are plotted on divs which are created dynamically using javascript as well ( because the number of charts varies) when I set<code>report_container</code> styles overflow to scroll, the div scrolls but the charts which were drawn does not scroll at all. Any idea how can I make the charts scroll with the rest of the content?</p>
  
  <p>EDIT: a screenshot from the console .. the highlighted div is the one where one of the charts start and is created by YUI</p>
  
  <p><img src="https://i.stack.imgur.com/CMYq6.png" alt="enter image description here"></p>