.verticalTableHeader {
        text-align: center;
        white-space: nowrap;
        transform-origin: 50% 50%;
        transform: rotate(270deg);
    }

        .verticalTableHeader:before {
            content: '';
            padding-top: 110%; /* takes width as reference, + 10% for faking some extra padding */
            display: inline-block;
            vertical-align: middle;
        }

    .scrolling table {
        table-layout: inherit;
        *margin-left: -100px; /*ie7*/
    }

    .scrolling td, th {
        vertical-align: top;
        padding: 10px;
        min-width: 100px;
    }

    .scrolling th {
        position: absolute;
        *position: relative; /*ie7*/
        left: 0;
        width: 120px;
    }

    .outer {
        position: relative;
    }

    .inner {
        overflow-x: auto;
        overflow-y: visible;
        margin-left: 25%;
    }