IE 8 Le mode de compatibilité provoque l'envoi du bouton de soumission

Question

Le code ci-dessous fait ce que je veux dans les navigateurs que je vérifie sauf IE lorsque j'utilise le mode de compatibilité. En mode de compatibilité, le bouton Soumettre (Supprimer) se termine sur la ligne suivante. Quelqu'un peut-il aider? Il devrait ressembler à Firefox ou IE lorsqu'il n'utilise pas le mode de compatibilité. Impossible d'utiliser float: gauche/droite car je ne peux pas spécifier la longueur à l'avance.

Merci pour toute aide.

---

<div> 
    <ul style="display:inline-table"> 
     <li style="text-align:left; white-space:nowrap"> 
      <div> 
       <div style="display:table-cell; width:100%"><b>Name: </b>Test Name That is Longer Than The Other <b>Qty: </b>1</div> 
       <div style="display:table-cell"> 
        <form style="margin:0; padding:0" name="remcart" method="post" action="page_name.html"> 
        <input name="Quantity" value="0" type="hidden" /> 
        <input style="margin:0; padding:0; margin-left:5px" type="submit" value="Remove" name="rembutton" /> 
        </form> 
       </div> 
      </div> 
     </li> 
     <li style="text-align:left; white-space:nowrap"> 
      <div> 
       <div style="display:table-cell; width:100%"><b>Name: </b>Short Test Name <b>Qty: </b>1</div> 
       <div style="display:table-cell"> 
        <form style="margin:0; padding:0" name="remcart" method="post" action="page_name.html"> 
        <input name="Quantity" value="0" type="hidden" /> 
        <input style="margin:0; padding:0; margin-left:5px" type="submit" value="Remove" name="rembutton" /> 
        </form> 
       </div> 
      </div> 
     </li> 
    </ul> 
</div> 

Answer 1

<style> 
    form { 
     display: inline; 
    } 
</style> 

<ul style="display:inline-table"> 
    <li style="text-align:left; white-space:nowrap"> 
     <div> 
      <span><b>Name: </b>Test Name That is Longer Than The Other <b>Qty: </b>1</span> 
      <form style="margin:0; padding:0" name="remcart" method="post" action="page_name.html"> 
      <input name="Quantity" value="0" type="hidden" /> 
      <input style="margin:0; padding:0; margin-left:5px" type="submit" value="Remove" name="rembutton" /> 
      </form> 
     </div> 
    </li> 
    <li style="text-align:left; white-space:nowrap"> 
     <div> 
      <span><b>Name: </b>Test Name That is Longer Than The Other <b>Qty: </b>1</span> 
      <form style="margin:0; padding:0" name="remcart" method="post" action="page_name.html"> 
      <input name="Quantity" value="0" type="hidden" /> 
      <input style="margin:0; padding:0; margin-left:5px" type="submit" value="Remove" name="rembutton" /> 
      </form> 
     </div> 
    </li>  
</ul>