title: Remove vertical scrollbar that is clearly not necessary
body: <p>I cannot figure out how to remove the scrollbar from this website. It is clearly not necessary. I have the page loaded on a 21" monitor and still see it..</p>
  
  <p><a href="http://akrush95.freeoda.com/clash/" rel="nofollow">http://akrush95.freeoda.com/clash/</a></p>
  
  <p>Here is the html from my index.php</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;style type="text/css"&gt;
  body,html{
    height:100%;
    margin: 0px;
    padding: 0px;
  }
  #title {
      padding-top: 20px;
      font-size: 36px;
  }
  #title #RHS {
      font-size: 40px;
      font-weight: bold;
  }
  .scoreboard {
      text-align: center;
  }
  .scores {
      font-size: 36px;
  }
  .score-title {
      font-size: 18px;
      text-decoration: underline;
  }
  #content {
      text-align: center;
      min-width: 250px;
  }
  #eventcontainer {
      padding: 10px;
      float: right;
      background-color: #999;
      width: 200px;
      min-height: 100%;
  }
  #eventboard #eventcontainer h1 {
      text-align: center;
      text-decoration: underline;
  }
  .sb {
      display: inline-block;
      width: 135px;
      border: thin double #000;
      margin: 10px;
  }
  .sb #title {
      font-size: 22px;
      text-decoration: underline;
      font-weight: bold;
      padding-top: 5px;
  }
  .sb #score {
      font-size: 40px;
      font-family: "Lucida Console", Monaco, monospace;
      padding: 5px;
  }
  #add {
      cursor: pointer;
      font-size: 18px;
  }
  #sub {
      cursor: pointer;
      font-size: 18px;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="eventcontainer"&gt;
    &lt;h1&gt;Event Board&lt;/h1&gt;
    &lt;p&gt;25 January 2013&lt;br /&gt;
      -Event 1&lt;br /&gt;
      -Event 2
  &lt;/p&gt;
    &lt;p&gt;26 January 2013&lt;br /&gt;
      -Event 3&lt;br /&gt;
    -Event 9&lt;/p&gt;
    &lt;p&gt;31 January 2013&lt;br /&gt;
      -Event
    &lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="content"&gt;
      &lt;div id="title"&gt;
          &lt;div id="RHS"&gt;Roslyn High School&lt;/div&gt;
          &lt;div id="CotC"&gt;Clash of the Classes&lt;/div&gt;
          &lt;div id="year"&gt;2013&lt;/div&gt;
      &lt;/div&gt;
      &lt;br/&gt;
      &lt;div id="scores"&gt;Loading...&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is there anything in there making it extend past 100%? I tried making the height 100% but that doesn't seem to work..</p>
  
  <p>If I don't make the body height 100%, my right column won't extend all the way down.</p>