<span></span> gets ignored on IE8, not on mozilla

Question

I have something like this:

 <ul>
   <li>
      <div>
        <div style="display:inline">
          <a><span class="ui-icon ui-icon-circle-plus floatleft "></span></a>
        </div>
        <input   type="checkbox"> <label>good</label>
     </div>
  </li>
 </ul>

the bullet goes above the span on IE8, I would like to make it stay before the span just like in Mozilla, anybody knows how ?

Answer 1

It looks to me as if you have a <div> without an inline style inside the <li> and outside the <div style='display:inline'> That being so, I would expect the outer div to be formatted as a block rather than being on the same line as the bullet. I'm rather surprised that those other browsers do put it on the same line.