title: How to remove the margins of child that parent contains some padding?
body: <p>Let's say i have,</p>
  
  <pre><code>&lt;div style="padding: 15px; width: 100%;"&gt;
     &lt;div style="margin: -15px;; width: 100%;"&gt;
         &lt;img src="http://imageshack.us/scaled/landing/51/tigerso.jpg" alt="" style="width: 100%;"&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The parent div contains 15px padding and - child div wanted to remove this padding by using margin but it does not work. See this fiddle. It's showing me a horizontal scrollbar always.
  <a href="http://jsfiddle.net/2GJnG/" rel="nofollow">http://jsfiddle.net/2GJnG/</a></p>