title: HTML Object tag remove scrollbar overflow
body: <p>I am trying to apply the <code>overflow</code> property to an <code>&lt;object/&gt;</code> element. Is this possible?</p>
  
  <p>An example of the issue is here: <a href="http://jsfiddle.net/M4Zvc/3/" rel="noreferrer">JSFiddle</a>. In Chrome, it seems the overflow is ignored. How can I fix this? </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;body&gt;
      &lt;object id="my-object" data="http://www.rfc-editor.org/rfc/rfc1.txt"&gt;&lt;/object&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#my-object {
      height : 500px;
      width : 300px;
      overflow : hidden;
  }
  </code></pre>