I have two \[code\]div\[/code\]s inside a container, both of them set to \[code\]display:inline-block\[/code\] with the same height. The only difference between the two are their font sizes. Because their heights are set to the same values, I'd expect them to be the same height and be from the very top of the page, however this isn't the case (one is offset from the top by a little bit).Why is this the case, and how do I make them both the same height and have 0 offset from the top?http://jsfiddle.net/tinanyaa/tWrHd/1/