CSS Display inline-block problème avec IE

J'ai été confronté à un problème avec IE6 & IE7 problème, et j'espérais que quelqu'un avait une solution pour moi autre que de ne pas utiliser IE6/7. Le coût sur le droit doit être sur la même ligne que l'étiquette sur la gauche. Je suis seulement en mesure d'obtenir pour que cela fonctionne dans FireFox, mais dans IE7, par exemple, il impose des coûts à la ligne ci-dessous, même si je suis en utilisant inline-block. Un yhelp serait grandement apprécié

Note: je me suis tourné sur les frontières afin que je puisse voir ce qui se passe...

Démo de mon problème: http://jsbin.com/ilese4/

Voici une image de la façon dont il rend dans IE7.

CSS Display inline-block problème avec IE

Maintenant que j'ai vu c'est un doublon de stackoverflow.com/questions/1994667/... et stackoverflow.com/questions/608172/...

OriginalL'auteur Evan | 2011-01-20

  1. 16

    Ce lien peut aider à le résoudre:
    Croix-Navigateur Inline-Block

    Le moins vous avez besoin de faire inline-block travail de la croix-navigateur (y compris IE6/7) est:

    .my-inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

    Vous pouvez avoir besoin de réparer supplémentaires bizarreries; les détails et les explications sont dans le lien...

    je ne cherche pas à être la fantaisie pour faire de l'affichage-bloc de travail pour IE, je suis juste essayer d'obtenir mon exemple de travailler plus ou moins. cette solution ici suffira par l'ajout d'une classe à gauche et flottant comme je l'ai fait pour le coût sur la droite: jsbin.com/araco4

    OriginalL'auteur bluish