title: Can't remove the right margin
body: <p>Here's the part of the HTML:</p>
  
  <pre><code>&lt;fieldset&gt;
    &lt;table class="pensioners-view-tbl-pension-info"
    &lt;/table&gt;
  &lt;fieldset&gt;
  </code></pre>
  
  <p>Here's the CSS related to those two elements:</p>
  
  <pre><code>  fieldset { border-radius:7px;padding-top:15px;}
    .pensioners-view-tbl-pension-info { margin-left: 5%;}
  </code></pre>
  
  <p>And here' the sanpshot of the UI:<img src="https://i.stack.imgur.com/PFW3x.png" alt="enter image description here">   </p>
  
  <p>As you can see I have not set any constraints regarding the right margins, neither in fieldset as padding-right, nor in the table itself as margin-right. How can I remove the right margin of the table, at least shift it to the right a bit?
   I've tried to set the table width to 100% but it doesn't work, it just crosses away the fieldset.</p>
  
  <p>EDIT: Here's the <a href="http://jsfiddle.net/K4LPa/" rel="nofollow noreferrer">JSFIddle</a></p>