title: CSS - Absolute positioned full width element gets cut after zooming
body: <p>An element is positioned absolutely and is made to full width using the <code>left</code> and the <code>right</code> properties set to <code>0</code></p>
  
  <p>The problem is, when the window is zoomed, the element is made full width only to viewport. The below images explain the problem in detail</p>
  
  <p>Is there any CSS hack to fix this issue.</p>
  
  <p>JSfiddle to test: <a href="http://jsfiddle.net/vaakash/kdgJp/" rel="nofollow noreferrer">http://jsfiddle.net/vaakash/kdgJp/</a></p>
  
  <p><img src="https://i.stack.imgur.com/Gb42Q.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/H7W90.png" alt="enter image description here"></p>