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.