title: Inheriting CSS Width
body: <p>Hello. My problem is that I would like <code>.mylargeframe</code> to strecth across the entire width of the browser.</p>
  
  <p>CSS</p>
  
  <pre><code>.mylargeframe {
    background: linear-gradient(top, #fff, #f8f8f8);
    border: 1px solid #d0d2d5;
    border-bottom: 1px solid #bebfc2;
    border-radius: 4px;
    margin: 0 0 20px 0;
    padding: 20px;
    width: 80%;
    overflow: auto;
  }
  
  fieldset {
    background:#ebeced;
    border: none;
    border-top: 1px solid #d0d2d5;
    border-radius: 0 0 4px 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    margin: 5px 0 -20px -20px;  padding: 18px 20px;
    width: auto;
  }
  
  fieldset input {
    margin: 0;
    width: auto;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;html&gt;
    &lt;div class="mylargeframe"&gt;
     &lt;fieldset&gt;
       test
     &lt;/fieldset&gt;
    &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The problem is that it is not completely filled, but it is almost there. I am using Firefox and Chrome</p>