Question

In the fiddle below I have two inline-block DIVs that are the same size. They have overflow set to auto and have content in them. The second DIV has a rather large Y offset but I can’t figure out why. They should just be right next to each other.

http://jsfiddle.net/nT4ku/

Any ideas?

Answer 1

Specifying a vertical-align on the side-by-side inline-block divs should fix this for you. vertical-align: top;

Here’s my edit to your jsfiddle: http://jsfiddle.net/nT4ku/1/