title: CSS Display inline-block issue with IE
body: <p>I’ve faced with an issue with IE6 &amp; IE7 issue and I was hoping someone had a solution for me other than to not use IE6/7. The cost on the right needs to be on the same line as the label on the left. I'm only able to get to this to work in FireFox, but in IE7, for example, it places cost on the line below even though I'm using inline-block. An yhelp would be greatly appreciated</p>
  
  <p>Note: I turned on borders so I could see what's happening...</p>
  
  <p>Demo of my issue:  <a href="http://jsbin.com/ilese4/" rel="noreferrer">http://jsbin.com/ilese4/</a></p>
  
  <p>Here's a picture of how it renders in IE7.</p>
  
  <p><img src="https://i.stack.imgur.com/kVGAw.png" alt="alt text"></p>