title: Error prompt position issue with validationengine plugin (Position Absolute)
body: <p>I am using <a href="https://github.com/posabsolute/jQuery-Validation-Engine" rel="nofollow"><strong>Position Absolute's Validation Engine</strong></a> for validating values on form.</p>
  
  <p>The issue is that on validation, the error prompts do not appear attached to the textboxes (input type:text) as they are expected. I know that the issue is with the margin-top that I have given to the textboxes but I cannot change that. Sample code snippet is provided here...</p>
  
  <p>html:</p>
  
  <pre><code>&lt;form id="frmTest" style="position:relative"&gt;
      &lt;div id="divContents" style="position:relative; overflow-y:auto; overflow-x:none;"&gt;
          &lt;div class="row1"&gt;
              &lt;span&gt;FName:&lt;/span&gt;
              &lt;input id="txtFName" data-prompt-position="bottomRight" class="validate[required] text-input" tabindex="1" /&gt;
          &lt;/div&gt;
          &lt;div class="row2"&gt;
              &lt;span&gt;LName:&lt;/span&gt;
              &lt;input id="txtLName" class="validate[required] text-input" tabindex="2" /&gt;
          &lt;/div&gt;
          &lt;div class="row3"&gt;
              &lt;span&gt;Age:&lt;/span&gt;
              &lt;input id="txtAge" class="validate[required, custom[integer],min[1]] text-input" tabindex="3" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
          &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;input type="submit" id="btnSubmit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#frmTest').validationEngine();
  
  $('#txtFName').focus();
  
  $('#btnSubmit').click(function(){
      return $('#frmTest').validationEngine();
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/NCB39/17/" rel="nofollow"><strong>jsFiddle</strong></a>.</p>
  
  <p>The divs that I have created are just sample but in live environment, they are collapsible divs. Also, I don't want to hard-code data-prompt-position value for each input field as there are more than 100 fields in each form. So am looking for a generic way of handling this issue (which I know is possible through CSS but don't know how?)</p>
  
  <p>The demo setup having the issue is on <a href="http://www.x-lant.com" rel="nofollow"><strong>www.x-lant.com</strong></a></p>
  
  <p>Use <strong>guest</strong> / <strong>pwd</strong> to login to the application.</p>