Layering not working as expected

Question

So I am trying to have two divs that are side by side, however, they always seem to overlap see... JFiddle

I tried messing with the z index but that didn't seem to help.

This should be easy anyone able to help me?

Answer 1

Try float:left on both of them.

Answer 2

Add float:left; to #content #item2. See this jsfiddle.