Navigation bar doesn't render properly in IE 10

Question

I'm having some issues with IE 10. Code here. On latest Chrome and Firefox all the text is rendered in one line. But in IE it renders like this meanwhile any other modern browser produces .

Answer 1

Add this to your CSS

.gh-nav-panel {
    display: table-cell;
    vertical-align:middle;  /*this will vertically align your text to the middle*/
}