title: magnific popup background appears for full screen and closes as one clicks anywhere
body: <p>when I click on link that activates magnific popup ajax call, the grey background appears for full screen. however I am trying to see if background is just enough to cover login form (inside the pop up). Also wherever I click inside ajax form it automatically closes. Need help pls...</p>
  
  <pre><code> &lt;a class="simple-ajax-popup-align-top" href="result.php"&gt;try me&lt;/a&gt;&lt;br&gt;
  </code></pre>
  
  <p>jquery Ajax script</p>
  
  <pre><code>$(document).ready(function() {
  $('.ajax-popup-link').magnificPopup({
      type: 'ajax',
      alignTop: false,
      overflowY: 'scroll'
  });
  });
  </code></pre>
  
  <p>and result.php is as follows:</p>
  
  <pre><code>    &lt;div class="login_body"&gt;
       &lt;form id='login' name="login" method="post" action="login_process.php" accept-charset='UTF-8'&gt;
  
      &lt;input type='hidden' name='submitted' id='submitted' value='1'/&gt;
  
      &lt;div class="field_container"&gt;Email:&lt;/label&gt;
      &lt;input type='text' name='cust_email' id='email'  maxlength="100" style="width: 250px; height: 30px"; /&gt;&lt;/div&gt; 
  
      &lt;div class="field_container"&gt;Password:&lt;/label&gt;
      &lt;input type='password' name='cust_password' id='password'  maxlength="12" style="width: 250px; height: 30px"; /&gt;&lt;/div&gt;
  
      &lt;input type='submit' name='Submit' value='Login' /&gt;
  
  
  
      &lt;/div&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>