Another Solution:

Give the .day class a width, height, and position it relatively, keeping the inner divs absolutely positioned.

Use Negative Margins!

I want a few div to be positioned in a line next to each but also allow them to overlap the previous div.

What I’m trying to get is a time line, with divs for events of certain length. Events can overlap each other.

My idea was to give each div the same top position, a increasing z-index and a increasing left position (according to time of event) Later I would pop individual divs out by mouse-over events to visualise the overlap.

What I get is each div gets placed under the next one. With fiddling of the top attribute, I can get them to align horizontally. But I don’t see the pattern.