title: CSS positioning not working
body: <p>Sometimes I have observed that the CSS positioning property does not work expectedly. Below is my code,</p>
  
  <pre><code>.position
  {
  position:absolute;
  left:50%;
  }
  </code></pre>
  
  <p>The above code should position the element of the class at 50% of the screen, but it is not happening. To position it in required place I have to write 'left:220%' what could be the reason of this.</p>
  
  <p>Thanks in advance.</p>