title: CSS display:block problem, whos the culprit IE or Firefox?
body: <p>I am having a hard time figuring out why things look so different in IE and Firefox.
  Here is a CSS class</p>
  
  <pre><code>.logo { width: 224px; height: 120px; position: relative;
      display:block; left: -1px; background-image: url(logo.png);}
  </code></pre>
  
  <p>In IE this works as expected, but in Firefox it behaves like a drunk! I see 3 logo.png at different places on a page. If I remove display:block then I cannot see the image in either browser. </p>
  
  <p>Any comments appreciated.</p>