title: Google Chrome - Fieldset Overflow Bug
body: <p>Google Chrome seems to have a bug when overflowing content inside of a fieldset.</p>
  
  <p>Here is a jsfiddle that demonstrates the problem: <a href="http://jsfiddle.net/Dismissile/Lnm42/" rel="noreferrer">http://jsfiddle.net/Dismissile/Lnm42/</a></p>
  
  <p>If you look at the page, you will see that when you have a container inside of a fieldset, and the container has <code>overflow: auto</code> set, and that container has content that will overflow horizontally, the fieldset actually expands instead of using a scrollbar:</p>
  
  <pre><code>&lt;fieldset class="parent"&gt;
      &lt;div class="child"&gt;
          &lt;div class="grandchild"&gt;
              asdf
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/fieldset&gt;
  
  &lt;div class="parent"&gt;
      &lt;div class="child"&gt;
          &lt;div class="grandchild"&gt;
              asdf
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.parent {
      border: 1px solid green;
      padding: 20px;
      margin: 20px;
  }
  
  .child {
      border: 1px solid red;
      padding: 20px;
      overflow: auto;
  }
  
  .grandchild {
      border: 1px solid #ccc;
      width: 2000px;
      padding: 10px;
  }
  </code></pre>
  
  <p>Is there a CSS hack/fix I can use so that content overflows properly when inside a fieldset in Chrome?</p>