title: Unwanted white areas on HTML page
body: <p>I've made a site using with a CSS made from scratch.</p>
  
  <p><a href="http://defjam64.site40.net/stackoverflow/so1.html" rel="nofollow">The Page</a> <a href="http://defjam64.site40.net/stackoverflow/so1css.css" rel="nofollow">The CSS</a></p>
  
  <p>Randomly there are unwanted white spaces in two places:</p>
  
  <ul>
  <li>Above the main content area (below
     the menu bar).</li>
  <li>Below the main content area  and
     sidebar and above the footer.</li>
  </ul>
  
  <p>I've experimented with various methods of fixed the problem like margins and paddings but they didn't seem to work.</p>
  
  <p>What could I do to get rid of these white areas?</p>