title: width , innerwidth , outwerwidth, all returns higher value than actual
body: <p>On the page:
  <a href="http://local.finerock.com/engagement-rings/halo-engagement-rings.html" rel="nofollow noreferrer">http://local.finerock.com/engagement-rings/halo-engagement-rings.html</a></p>
  <p>I am using flexbox to display product filters, and used a small jquery to set child element width equal to its sibling, the code is like:</p>
  <pre><code>$(window).load(function(){
              if($(window).width() &gt;= 900){
                  $('.filter-options-content').width($('.filter-options-title').innerWidth());
              }
          });
  </code></pre>
  <p>still its taking longer width than actual, see screenshot.
  <a href="https://i.stack.imgur.com/qP82u.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>I have used all options, width, outerWidth &amp; innerWidth, still the results are same.</p>