title: Cannot margin <legend> on a top of a fieldset
body: <p>I got a fieldset working - here is the code:</p>
  
  <pre><code>                            &lt;fieldset&gt;
                              &lt;legend&gt;Signed In Users (220)&lt;/legend&gt;
                              &lt;div&gt;
                                  &lt;div class="new_user"&gt;&lt;span&gt;Welcome to the new user:&amp;nbsp;&lt;strong&gt;Name_name&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
                                  &lt;div class="logusers"&gt;Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin, Admin&lt;/div&gt;
                                  &lt;div class="ranks"&gt;
                                      Admins | Admins | Admins | Admins | Admins | Admins | Admins | Admins | Admins | Admins | Admins | Admins 
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/fieldset&gt;   
  </code></pre>
  
  <p>in css:</p>
  
  <pre><code>fieldset {
  display: table-cell;
  width: 100;
  border: 1px solid gray !important;
  border-radius: 5px;
  border-top-right-radius: 0 !important;
  background-color: #d3e1e5 }
  legend {
      width: inherit !important;
      padding: 0 5px !important;
      background-color: #d3e1e5;
      border-style: none none !important;
      text-align: right !important;
      border-left: 1px solid gray !important;
      border-right: 1px solid gray !important;
      border-top: 1px solid gray !important;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      margin-right: -1px !important;
      margin-top: -9px !important;
  }
  </code></pre>
  
  <p>I got it working in firefox and it this is how it looks and how I want it to look in all browsers - <img src="https://i.stack.imgur.com/cyqxc.png" alt="Firefox">
  And this is how it looks in different browsers, eg. Chrome.
  <img src="https://i.stack.imgur.com/04xKL.png" alt="Chrome"></p>
  
  <p>I really appreciate any help :)
  Thank you all so much!</p>
  
  <ul>
  <li>THANK YOU ALL SO MUCH. I knew I should of used position: absolute. I appreciate the help so much :></li>
  </ul>