title: Cross browser method to fit a child div to its parent's width
body: <p>I'm looking for a solution to fit a child <code>div</code> into it's parent's <code>width</code>.</p>
  
  <p>Most solutions I've seen here <strong>are not cross-browser compatible</strong> (eg. <code>display: table-cell;</code> isn't supported in IE <code>&lt;=8</code>).</p>
  
  <p><img src="https://i.stack.imgur.com/Fon6P.jpg" alt="image showing intended result with a child div being the full size of it&#39;s parent, with inner padding"></p>