title: DIV is overflowing onto footer section HTML CSS
body: <p>I have an issue with text from a DIV overlapping the footer section of my webpage. There are 2 DIVS side by side which are a main text area and a links section. However when I type in the left hand box it appears to overflow and fill over the footer section.</p>
  
  <p>Here is a very simple example of my issue, hope someone can show where I am going wrong.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;style&gt;
  body{
      margin: 0px;
      padding: 0px;
      text-align: left;
      background-color: rgb(242, 242, 242);
      }
  .wrapper {
      width: 940px;
      height: auto;
      margin-top: 0px;
      margin-right: auto;
      margin-bottom: 0px;
      margin-left: auto;
      margin-top: 0px;
      min-height: 500px;
      background-color: #FFF;
  }
  .textarea{
      width: 65%;
      float: left;
      height: auto;
      background-color: #FFF;
      min-height: 0px;
      background-color:#F00;
  }
  #rightmenu{
      padding: 0px;
      width: 271px;
      height: 100%;
      float: right;
      margin-right: 20px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;  
  &lt;div&gt;
    &lt;div class="wrapper"&gt;
    &lt;div class="textarea"&gt; Text Area
      &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;This DIV overflows my footer&lt;/p&gt;
    &lt;/div&gt;
  &lt;div id="rightmenu"&gt;
  Side Menu Links
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;footer&gt;
  Footer Section
    &lt;/footer&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks in advance</p>