title: DIV's behaving differently in IE vs Firefox
body: <p>If you run the simple HTML page found at:</p>
  
  <p><a href="http://ss.bigwavesoftware.net/2.htm" rel="nofollow noreferrer">http://ss.bigwavesoftware.net/2.htm</a></p>
  
  <p>in IE8 and FireFox 3.5.8, the DIV's display differently.  In IE they behave as block elements and FireFox they behave as inline elements.  I need them to behave as inline in both browsers.  Can someone suggest a workaround to make them display inline in IE8 as well as FireFox?</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
      &lt;div style="display: inline; float: none; width:100px; height:100px; border:1px solid red;"&gt;Left Box
      &lt;/div&gt;
      &lt;div style="display: inline; float: right; width:100px; height:100px; border:1px solid green;"&gt;Right Box
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>