I was having trouble applying styles to inline-block elements such that they are rendered consistently across browsers (incl. the latest versions of Firefox, Chrome and Safari). It turns out that they have different default values for vertical-align
.
To fix this issue, make sure you normalize this value, e.g.:
vertical-align: bottom;