title: mouse scrolling wheel not working when the cursor is on the iFrame
body: <p>Here is my Html:</p>
  
  <pre><code>&lt;iframe onload="reloadOnce(this)" frameborder="no" src="cloud.php" class="foo1" scrolling="no" seamless="seamless" allowTransparency="true" width="100%" height="90em"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>and Here is my CSS </p>
  
  <pre><code>.foo1{margin: 0; padding: 0; width:100%; height:90em; overflow-x: scroll; }
  </code></pre>
  
  <p>As I know, overflow-x: scroll; is not necessary, even I removed it, but still It's same. 
  I'm using this for parallax web scrolling.
  For your information, I tried to use z-index: function, but not effected!</p>
  
  <p>Actually mouse scrolling is working in other web areas but not in iFrame specific area.</p>
  
  <p>Thanks in Advance.</p>