HTML5 - Scrollable Div container with partial fixed divs in it

I'm trying to realize the above:

+---ScrollableContainer---------+
|+-a-++----b--------------------|-------------------+
||   ||                         |                   |
||   |+-------------------------|-------------------|
||   |+----Content--------------|-------------------+
||   ||                         |                   |
||   ||                         |                   |
+-------------------------------+                   |
 |   ||                                             | 
 |   ||                                             |
 +---++---------------------------------------------+

Well, The ScrollableContainer is the target container of all. It's scrollable horizzontally and vertically. The content of the ScrollableContainer is 3 divs: 'a', 'b' and 'Content'. The problem i'd like to resolve is that the position of div 'a' must be fixed on left but it have to scroll up and down when ScrollableContainer scrolls up and down. Also, the div 'b' must be fixed on top but it have to scroll left and right when ScrollableContainer scrolls up and down. The 'Content' div, finally, is free to scroll in any direction. Try to imagine an "Agenda". The 'a' div is the "HOUR" pivot, the 'b' div is the "DAY" pivot and the 'Content' is the agenda, splitted by hours and days. Pivots had to follow scroll.

Thanks in advance!!!!