title: Relative Positioning in IE 11 Incorrect Pixel Width
body: <p>I am having a positioning issue that only seems to happen in IE (11). I am trying to absolutely position a div tag relative to another element.</p>
  
  <p>The tag in question looks like this:</p>
  
  <pre><code>&lt;div id="FacebookWrapper"&gt;                
      &lt;div class="facebooklikebutton"&gt;
          &lt;fb:like layout="button_count" show_faces="false" width="90" font="verdana" ref="ProductPageTop"&gt;&lt;/fb:like&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS in question looks like this:</p>
  
  <pre><code>#depotproductpage #pricecolumn #FacebookWrapper { display:block; position:relative; }
  #depotproductpage #pricecolumn #FacebookWrapper div { position:absolute; left:260px; }
  </code></pre>
  
  <p>The page is online at: <a href="http://www.foldingchairdepot.com/p/National-Public-Seating-200-Series-Premium-Steel-Folding-Chair---Set-of-4__NPS-200-SERIES.aspx" rel="nofollow noreferrer">http://www.foldingchairdepot.com/p/National-Public-Seating-200-Series-Premium-Steel-Folding-Chair---Set-of-4__NPS-200-SERIES.aspx</a></p>
  
  <p><strong>Problem:</strong></p>
  
  <p>The problem is that in IE 11, 260px makes the element display too far to the right. In FireFox and Chrome, it is exactly where I want it.</p>
  
  <p>I tried experimenting with it by first setting it to <code>left:0px</code>, and that displayed correctly in all browsers, aligning to the left edge of the parent div. I also tried <code>left:50px</code> and IE seems to move the div about 70 px in this case, but the other browsers show it where it should be. For some reason in IE 11, specifying 1px moves the element about 1.5 px, and I am struggling to find a reason why this is happening.</p>
  
  <p>I also tried setting a fixed width on both the element and wrapper, and tried changing it from <code>position:relative</code> to <code>position:static</code> (as specified <a href="https://stackoverflow.com/questions/2117005/relative-and-absolute-positioning-in-ie-and-ff">here</a>) to no avail.</p>
  
  <p>I should also point out that this code has been in production for several years and only since the release of IE 11 has there been an issue with the positioning of this element.</p>
  
  <p>How do I force IE 11 to honor <code>left:260px</code> absolute position like the other browsers do?</p>