title: empty div with padding shows in chrome but not in ff
body: <p>I have a empty div that has background color and padding. The empty div gets populated once i login. </p>
  
  <p>If i am not logged in the empty div should not show right now in ff it is not showing but in chrome the empty dive shows up as square with the background color. I cannot remove the background or the padding (as in do not want to remove it and then later add it using jq).</p>
  
  <pre><code>#login {
      background-color: #263171;
      color: #FFFFFF;
      display: inline-table;
      float: right;
      font-size: 12px;
      margin-top: 20px;
      padding: 10px;
  }
  &lt;div id="login"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>any idea why its acting in this manner ? </p>
  
  <p>thanks</p>