title: Inline-block elements stacking vertically in FF/IE, horizontal in Chrome?
body: <pre><code>&lt;div class="content-top" style="width: 990px"&gt;
      &lt;div style="width: 722px; margin-right: 20px" class="left-middle"&gt;&lt;/div&gt;
      &lt;div style="width: 200px" class="right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>div.left-middle and div.right are both inline-block elements.  In Chrome, they appear next to each other horizontally, like I want them to.  In the newest Firefox and all versions of IE, div.left-middle is on top of div.right.  No margin/padding, so there's plenty of space for div.right.  I've tried making the width of div.left-middle incredibly small just to see if div.right would go back up there, it won't.  Any idea why this is happening?  Thanks!</p>