title: Should SVG contents be visible outside an embedded <svg> by default?
body: <p>In the past I answered a question about "who was wrong" in regards to SVG images not being "cropped" (<code>overflow: hidden</code>) in IE9, where all other supporting browsers did so. The answer is <a href="https://stackoverflow.com/a/5971504/191837">here</a>.</p>
  
  <p>Today, while reviewing HTML5 Boilerplate again, I noticed that they claim they <a href="http://html5boilerplate.com/html5boilerplate-site/built/en_US/docs/css/#embedded-content" rel="nofollow noreferrer">"[correct] overflow not being hidden in IE9"</a> with this bit of code:</p>
  
  <pre><code>svg:not(:root) { overflow: hidden; }
  </code></pre>
  
  <p>I'm looking for someone to confirm or deny my original research by pointing to some other note in either the HTML5 or SVG specs. I cannot find anything, but I want to be sure I am not missing something.</p>
  
  <p>The best I can find is that they are trying to apply rule 7 <a href="http://www.w3.org/TR/SVG/masking.html#InitialClippingPath" rel="nofollow noreferrer">here</a>, but that should only apply to an SVG Document, like via an <code>img</code> tag or when loaded directly.</p>