title: HTML5 CSS3 and IFRAMES?
body: <p>I am trying to remove the iframes scrollbars and frameborder. I <strong>cannot</strong> use <code>frameborder=0</code> and <code>scrolling=no</code> since they are no longer supported in HTML5. The <code>seamless</code> attribute throws a warning stating it isn't yet implemented according to the W3C Validator. I found a page online that said to use <code>overflow:hidden</code> to remove the scrolling, however it is not removing the scrollbars, at least in my google chrome. I haven't checked other browsers. Also the frameborder is still there, even though I used <code>border:none</code>. I also was trying to set the width and height of the iframe using css, however it didnt want to listen. Here is my current code:</p>
  
  <pre><code>#vidframe
  {
      width: 577px;
      height: 358px;
      overflow: hidden;
      border: none;
  }
  
  &lt;iframe name="videoframe" id="vidframe" src="video1.html"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Yeah, I easily could add width=xxx height=xxx into the iframe tag, but my understanding that with HTML5 the goal is to get AS MUCH of the coding into CSS as possible... So shouldn't I be able to set the iframes width and height in the stylesheet? Again, overflow hidded didnt remove the scrollbars... and border: none didnt remove the borders...</p>