Ie Renders Inline-block Div Differently Than Ff/chrome

First, I'm using IE9, FF 29.0.1 and Chrome 35.0.1916.153 m. I have done quite a bit of searching, tried spans instead of divs, float instead of inline-block, different DOCTYPEs, ad

Solution 1:

In HTML, button is not a "self-closing" tag, therefore, IE is actually doing it correctly. Just appending the /> to a tag does not automatically close it, as it does in XML. You need to do this:

<button id="fourth_button" type="button"><span>Button Text</span></button>