Look at http://jsfiddle.net/2uzfjs94/1/
Scroll down the table and look at the green div that says 7:00am-9:00am. That thing has a rowspan of 8, but it won't expand the full height. I used the class="ac" on it. If you look at my CSS, ac is defined as:
border: 1px solid #CCC;
height: 100%; /* NOTE! I PUT 100% FOR THE HEIGHT */
box-shadow: inset 0px 0px 10px -2px blue;
In Chrome and Opera, those <div>s do expand to the full height, but it won't work with IE, Firefox.
The same problem is true with the <div>s that have the time ranges of 1:00pm-2:00pm, 2:00pm-3:00pm, 3:30-4:00pm, and 6:00pm-12:00am. They're all on the first column.
How can I make those <div>s with big rowspans expand its full height across all browsers?