title: Firefox breaking up from when using display: inline-block;
body: <p>I am currently having a strange cross-browser problem.</p>
  
  <p>After 2.5 seconds a form drops in. This is working well in IE and Chrome, but somehow it is not in FF. This is the HTML part</p>
  
  <pre><code>&lt;div id="holder"&gt;&lt;a href="javascript:void(0);" id="main"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div id="dropDiv"&gt;&lt;form&gt;
  &lt;input class="geld-input" type="text" name="email" value="Vul hier je e-mail in en krijg direct toegang tot de geheime pagina..." value="Vul hier je e-mail in en krijg direct toegang tot de geheime pagina..." onclick="if(this.value=='Vul hier je e-mail in en krijg direct toegang tot de geheime pagina...')this.value='';this.focus();" onblur="if(this.value=='')this.value='Vul hier je e-mail in en krijg direct toegang tot de geheime pagina...';" tabindex="501"  /&gt;&lt;input class="geld-submit" type="submit" value="Krijg Direct Toegang" /&gt;&lt;/form&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and here is the CSS part:</p>
  
  <pre><code>#holder { position: absolute; top: 550px;  margin:0 auto; width:100%; display: inline-block;}
  #dropDiv {
   display: none;
   position: absolute;
   top: -20px;
  }
  </code></pre>
  
  <p>Now if I delete the "display:inline-block" part on the #holder div, then it works in FF, IE but not in chrome.</p>
  
  <p>If you want to view the full source: <a href="http://www.luukratief.com/lander" rel="nofollow">http://www.luukratief.com/lander</a></p>
  
  <p>Could someone tell what the way to go is to make this cross-browser?</p>