title: Keep absolute positioned elements in same position on different resolutions
body: <p>I'm facing a frustrating problem with absolute positioned elements moving when viewed on different screen resolutions.</p>
  
  <p>My elements are positioned with percentages against the body element. Surely using percentages would keep elements in same position?</p>
  
  <p>my page:  <a href="http://www.superfreebingo.com/advent-landing/" rel="nofollow">http://www.superfreebingo.com/advent-landing/</a></p>
  
  <p>How can I use absolute positioning but keep elements in same place on different resolutions?</p>