title: IE 11 positioning issue versus Firefox
body: <p>I have been the following code that is not properly positioning itself when reviewed on Firefox against IE 11:</p>
  
  <pre><code>&lt;div style="position: absolute;"&gt;    
  &lt;div style="position: relative; top: 5px; left: 30px;"&gt;Union Affiliation:&lt;/div&gt;
  &lt;div style="position: relative; top: 50px; left: 30px;"&gt;Biography:&lt;/div&gt;
  &lt;div style="position: relative; top: 150px; left: 30px;"&gt;Past Works:&lt;/div&gt;
  &lt;div style="position: relative; top: 209px; left: 30px;"&gt;Primary Work Area:&lt;/div&gt;
  &lt;div style="position: relative; top: 225px; left: 30px;"&gt;Miles willing to travel for work:&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried a handful of adjustments, but nothing is lining it up right.  From what I can tell with IE 11 we should be able to avoid having to detect that internet explorer is in use.  If so, how can I get these elements to be consistently laid out across the browsers?</p>
  
  <hr>
  
  <p>Here are screenshots to see the variation...</p>
  
  <p>First FF:</p>
  
  <p><img src="https://i.stack.imgur.com/gLstE.png" alt="enter image description here"></p>
  
  <p>Second IE:</p>
  
  <p><img src="https://i.stack.imgur.com/5HVuv.png" alt="enter image description here"></p>