title: No Scroll bar on webpage I am building
body: <p>As the title says I am having the issue of no scroll bar showing up on my web page. I have viewed similar questions to this one on stack overflow and I don't have some of the other common issues such as overflow: hidden. I thought it was a problem with bootstrap but I commented out all off the links to bootstrap CSS and I still dont get a scroll bar. I also added overflow: scroll to my CSS file and while a scroll bar showed up it still didnt work. My code is below and any help would be greatly appreciated.</p>
  
  <pre><code>&lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      `&lt;title&gt;Cosmic Bowling!!!&lt;/title&gt;`
  
      &lt;!-- Bootstrap --&gt;
      &lt;link href="bootstrap-3.3.2-dist/css/bootstrap.min.css" rel="stylesheet"&gt;
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;link href="css/homepage.css" rel="stylesheet"&gt;
  
    &lt;/head&gt;
  
    &lt;body&gt;
  
    &lt;div id="banner"&gt;&lt;/div&gt;
  
    &lt;table class="score-table" id="table1"&gt;
      &lt;thead&gt;
  
        &lt;th&gt;FR&lt;/th&gt;
        &lt;th&gt;RD&lt;/th&gt;
        &lt;th&gt;SCORE&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;1&lt;/td&gt;
            &lt;td class="_roundCol"&gt;
              &lt;div class="big_div"&gt;
                &lt;div class="_roll"&gt;
                  &lt;p&gt;cat&lt;/p&gt;
                &lt;/div&gt;
  
                &lt;div class="_roll"&gt;
                  &lt;p&gt;cat&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;2&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;3&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;4&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;5&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;6&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;7&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;8&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;9&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td class="_frameCol"&gt;10&lt;/td&gt;
            &lt;td class="_roundCol"&gt;&lt;/td&gt;
            &lt;td class="_scoreCol"&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  
  
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
      &lt;script src="bootstrap-3.3.2-dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and the CSS file</p>
  
  <pre><code>    body 
  {
      background-image: url("images/stardust.png");
  }
  
  th
  {
      padding: 10px;
      text-align: center;
  }
  
  #banner
  {
      /*position:fixed;*/
      background-image: url("images/bowling_banner.jpg");
      background-position: center;
      width: 100%;
      height: 10%;
  }
  
  #table1
  {
      /*positioning*/
      position: fixed;
      top: 50%;
  }
  .score-table,th,tr,td
  {
      border: 1px solid white;
      border-width: 2px;
      color: white;
  
  }
  
  ._frameCol
  {
      text-align: center;
  
  }
  
  ._roundCol
  {
      height: 50px;
      width: 90px;
  }
  
  ._scoreCol
  {
      width: 10px;
  }
  
  ._roll
  {
      display: inline-block;
      background-color: yellow;
      position: relative;
  
  }
  
  .big_div
  {
      height: 100%;
      background-color: red;
  }
  </code></pre>
  
  <p>Sorry for the delay, here is the fiddle
  <a href="http://jsfiddle.net/ryyanj/us9undLf/" rel="nofollow">http://jsfiddle.net/ryyanj/us9undLf/</a></p>