How to add padding between inline-blocks in IE7?

Question

css

Everywhere they write how to get rid of indents between inline blocks, but my situation is the opposite: I need to add indents. I wrote an example on jsfiddle. If you look at the example in IE7, there will be no padding between the buttons, and I need the padding to be like in Chrome.

There is one catch: I cannot set the margin in pixels, because I need to build on the font size, I'm completely satisfied with the value of margin-left: 0.02em, but IE, apparently, rounds it down and the indent does not work.

Please advise what to do?

Answer 1

margin set for buttons

Answer 2

Maybe remove the space between the elements and set the same margin?
True, 0.02em does not show either IE or chrome ... 0.05 is already starting to show