Making a bootstrap div scrollable
<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>