vertical title outside borders twentytwelve

I am using twentytwelve but I think this can work in all themes.

I want to add a vertical title for each page in the left side but out side of the borders.(not in the sidebar)

I created a div and mada class called vertical

Then I tried smth like this in the CSS.

.vertical{
    width:300px;
    height:24px;
    text-align:center;

    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    margin-top:10px;
    padding:12px 0px; 

    margin-left: -150px; /*send it outside te borders*/
}

what I understand that everything outside of the borders in not visible. Any ideas??