title: How to force table width 100% to parent form element in firefox
body: <p>Form contains table element whose widt is mared as 100% :</p>
  
  <pre><code>&lt;form class="browse-addtocart-form" method="post"&gt;
    &lt;table class="productTable ui-corner-all" width="100%" cellspacing="0" cellpadding="0" border="0"&gt;
   ....
  </code></pre>
  
  <p>In latest FireFox, table width is too big. left side is outside of form.
  In IE10 and Chrome table width is 100% to form.</p>
  
  <p>In FireFox table width is too big, it is rendered wider than gray area.
  In Chrome and IE10 page is rendered properly.</p>
  
  <p>How to render proper width in fireFox also ?</p>
  
  <p>jquery, jquery-ui are used.</p>