Two inline-block, width 50% elements wrap to second line [duplicate]

It is because display:inline-block takes into account white-space in the html. If you remove the white-space between the div‘s it works as expected. Live Example: http://jsfiddle.net/XCDsu/4/

<div id="col1">content</div><div id="col2">content</div>