title: Padding changes when the browser is zoomed in or out
body: <p>I have a thumbnail image and another smaller image which overlaps the thumbnail image. But the padding changes for the smaller overlapping image as I zoom in and out and the problem exist only with the CHROME browser. Its working fine with IE and firefox. I tried using percentage to set the padding values for the smaller image but the problem still exist. 
  Here are the images.</p>
  
  <p><img src="https://i.stack.imgur.com/ttBao.png" alt="0 Zoom"></p>
  
  <p><img src="https://i.stack.imgur.com/kHEG9.png" alt="With Zoom"></p>
  
  <p>This is the HTML</p>
  
  <pre><code>   &lt;div class="car-item"&gt;
                           &lt;div class=" car-image"&gt;
                             &lt;img src="/~/media/images/thumb.ashx" alt="Image 1" /&gt;
                           &lt;/div&gt;
  
                              &lt;div class="car video"&gt;
                                  &lt;a href="#"&gt;VIDEO&lt;/a&gt;
                              &lt;/div&gt;
  
      &lt;div&gt;
  </code></pre>
  
  <p>position for car video is absolute
  position for car item is  relative
  and for car-image is static</p>