title: CSS / HTML Internet Explorer set span width?
body: <p>Just a short question...</p>
  
  <p>I have a span container which is correctly set in FF with following options:</p>
  
  <pre><code>&lt;span id="qmmenue" style="left: 0px; top: 2852px; color: #777777; line-height: 12px; font-family: Calibri; font-size: 12px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=45, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=135, Strength=3); position: absolute; zoom: 1; max-width: 500px; background-color: white;" jQuery17207240081996974917="9"&gt;
  </code></pre>
  
  <p>In this span, there is an image and two p elements.</p>
  
  <p>My problem is that in Firefox the box is only at the minimal width.
  Internet Explorer shows the box in about 80% of the screen, and most of it is empty.</p>
  
  <p>Here a screenshot of FF and IE:</p>
  
  <p><a href="http://s16.postimage.org/i2ak9xj1x/firefox.png" rel="nofollow">http://s16.postimage.org/i2ak9xj1x/firefox.png</a>
  http://s16.postimage.org/fmdc9tqd1/internetexplorer.png</p>
  
  <p>Any ideas about that?</p>
  
  <p>It should be consitent at minimal width for InternetExplorer , but if possible cross-browser ;-)</p>
  
  <p>// edit : i tested it in IE9 , it have to work for >IE8
  it seems to be no issue of block or inline-block. same result in both versions </p>