Question

I am having some trouble when I hover over a DIV, the DIVs underneath slide up underneath the DIV I’m hovering over. How can Is top them from doing this?

Here is a jsfiddle to illustrate the problem.

Answer 1

I inadvertently solved this problem while trying to fix another one:

I changed this:

.calendar-event:hover {
overflow: visible;
background: none repeat scroll 0 0 #FAFAFA;
border: solid 1px #999999;
width: auto;
line-height: 1.5em;
height: auto;
position: absolute;
}

to this:

.calendar-event:hover .event-title {
overflow: visible;
background: none repeat scroll 0 0 #FAFAFA;
border: solid 1px #999999;
width: auto;
line-height: 1.5em;
height: auto;
position: absolute;
}

And it solved my problem.