title: Remove the Extra Whitespace Surrounding Iframes?
body: <p>I am using iframes in my page, and have stumbled across a weird issue. I set the iframe css like so</p>
  
  <pre><code>iframe {
      margin: none;
      padding: none;
      background: blue; /* this is just to make the frames easier to see */
      border: none;
  }
  </code></pre>
  
  <p>However, there is still whitespace surrounding the iframe. I tested it in both Chrome and Firefox, and it's the same. I searched around, and I couldn't find anything. This whitespace doesn't show up in the Chrome console, either.
  Also, I already have the following CSS as well:</p>
  
  <pre><code>html, body {
      margin: 0px;
      padding: 0px;
      border: 0px;
      width: 100%;
      height: 100%;
  }
  </code></pre>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/mM6AB/1/" rel="noreferrer" title="JSFiddle">here</a></p>