CSS Show inline block with IE

Question

I was having problems with IE6 and IE7, and I was hoping someone would have a solution for me other than not using IE6 / 7. The value on the right should be on the same line as the label on the left. I can only get to this to work in FireFox, but, for example, in IE7 it imposes the cost on the line below, although I use the built-in block. It would be very grateful to yhelp

Note. I turned on the borders so that I could see what was happening ...

Demonstration of my problem: http://jsbin.com/ilese4/

Here is an image of how it is displayed in IE7.

Answer 1

This link may help to solve it: Cross-browser inline block

The least you need to do to work with the inline-block cross-browser (including IE6 / 7):

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

You may need to fix additional quirks; details and explanations are in the link ...