title: JQuery custombox CSS scrolling issues
body: <p>I'm using JQuery custombox and for some reason having trouble enabling scrolling/scrollbar on the mobile view of the page. </p>
  
  <p>The JqueryCustomBoxCSS shown below  enables the custombox to be shown middle of the page on a PC but changing that JqueryCustomBox CSS to enable scrolling on the mobile view by changing it to height: 100% and overflow:auto...then effects the main view on pc where the custombox will be at the top of the screen rather than middle.</p>
  
  <p>Can anybody help? I'll post my css/html below and a screenshot or 2 (edit just noticed my rep is not high enough to post images sorry).</p>
  
  <p>So what css can I use to get the mobile view to work with scroll and not effect the full screen position of the custombox?</p>
  
  <p>Any help greatly appreciated!!</p>
  
  <p>Thanks!!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.custombox-show {
    visibility: visible;
  }
  .custombox-modal {
    height: auto;
    visibility: hidden;
  }
  .custombox-error {
    position: fixed;
    top: 50%;
    left: 50%;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="four columns"&gt;
    &lt;div class="milestones-wrap"&gt;
      &lt;div class="milestones-wrap-icon"&gt;
        &lt;img src="@Url.Content(" ~/images/about/1950s.jpg ")" alt="" /&gt;
      &lt;/div&gt;
      &lt;p&gt;Movies, movies, marriage!&lt;/p&gt;
      &lt;a href="#modal3" class="list-group-item" id="slide"&gt;
        &lt;p&gt;read more...&lt;/p&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div id="modal3" style="display: none;" class="modal-example-content"&gt;
    &lt;button type="button" class="close" onclick="$.fn.custombox('close');"&gt;&amp;times;&lt;/button&gt;
    &lt;div class="container"&gt;
      &lt;div class="sixteen columns"&gt;
        &lt;div class="milestones-wrap"&gt;
          &lt;div class="milestones-wrap-icon"&gt;
            &lt;img src="@Url.Content(" ~/images/about/1950s.jpg ")" alt="" /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="sixteen columns"&gt;
        &lt;div class="modal-example-body"&gt;
          &lt;p class="format-text"&gt;&lt;span class="format-span"&gt;1955: &lt;/span&gt; Mario submitted artwork to Howard Hughes for the movie 'Son Of Sinbad'.&lt;/p&gt;
          &lt;p class="format-text"&gt;&lt;span class="format-span"&gt;1955: &lt;/span&gt; Mario submitted artwork to Howard Hughes for the movie 'Underwater!'.&lt;/p&gt;
          &lt;p class="format-text"&gt;&lt;span class="format-span"&gt;1951: &lt;/span&gt; Mario submitted artwork to Howard Hughes for the movie 'His Kind Of Woman'.&lt;/p&gt;
          &lt;p class="format-text"&gt;&lt;span class="format-span"&gt;1950: &lt;/span&gt; Mario submitted artwork to Howard Hughes for the movie 'Vendetta'.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>