title: Footer content overlapping wrapper div
body: <p>I have a footer content that is overlapping the wrapper div in my css and html, when I changed height to auto it didnt work.
  below is an example of the page I'm working on.</p>
  
  <p><strong>Wrapper CSS</strong></p>
  
  <pre><code>#wrapper {
  width: 1030px;
  height: 600px;
  margin: 20px auto auto auto;
  padding: 0;
  background: url(wrapper.png);
  }
  </code></pre>
  
  <p><strong>Footer CSS</strong></p>
  
  <pre><code>.footer{
  width: 1000px;
  padding: 60px 0 0 30px;
  height: auto;
  float: right;
  clear: both;
  background: url(footer_bg.gif) no-repeat top right;
  text-align: center;
  
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/L6acE/" rel="nofollow">Example</a></p>