title: Making a bootstrap div scrollable
body: <p>I have a div on the side of my page that I want to add a lot of information to, therefore I want it to be scrollable. I have tried using overflow: scroll; and the scroll bar appears, but does not allow the user to scroll down through the content.</p>
  
  <p>website: explorecanterbury.co.uk</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="info-div"&gt;
        &lt;div class="col-md-5 col-md-offset-7 col-xs-6 col-xs-offset-6" style="background-color:orange;"&gt;
          &lt;div class="close"&gt;&lt;span class="close-btn"&gt;&lt;/spam&gt;&lt;/div&gt;
            &lt;div class="col-md-10"&gt;
              &lt;h2 class="subtitle"&gt;Canterbury Cathedral&lt;/h1&gt;
              &lt;img src="img/test.jpg" class="img-responsive"&gt;
              &lt;img src="img/test.jpg" class="img-responsive"&gt;
              &lt;p&gt;St Augustine, the first Archbishop of Canterbury, arrived on the coast of Kent as a missionary to England in 597 AD. He came from Rome, sent by Pope Gregory the Great.&lt;/p&gt;
              &lt;h2 class="subtitle"&gt;Find out more...&lt;/h1&gt;
              &lt;p&gt;SOCIAL MEDIA ICONS GO HERE&lt;/p&gt;
              &lt;h2 class="subtitle"&gt;Related Attractions&lt;/h1&gt;
                &lt;p&gt;St Augustine, the first Archbishop of Canterbury, arrived on the coast of Kent as a missionary to England in 597 AD. He came from Rome, sent by Pope Gregory the Great.&lt;/p&gt;
                &lt;p&gt;St Augustine, the first Archbishop of Canterbury, arrived on the coast of Kent as a missionary to England in 597 AD. He came from Rome, sent by Pope Gregory the Great.&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;    
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.info-div {
    position: relative;
    margin-top: -100px;
  z-index: 10;
  height: 100%
  max-height: 1340px;
  overflow-y: scroll;
  }
  
  @font-face {
    font-family: fundamental;
    src: url(file://C:/Users/Sara/Documents/ExploreCanterbury/fonts/FUNDR___.TTF);
  }
  
  .close-btn {
    background-image: url(file://C:/Users/Sara/Documents/ExploreCanterbury/img/close.png);
    width:18px;
    height:18px;
    display: block;
  }
  
  .close{
    margin-top: 20px;
  }
  
  .subtitle{
    font-size: 30px;
    margin: 0 0 30px;
      font-family: fundamental;
  }
  </code></pre>