CSS: справа выравнивание по вертикали повернутого текста

Question

Я не могу показаться, чтобы выровнять вертикально повернутый Див всего пути к правой стороне страницы: http://jsfiddle.net/F23W2/2/

HTML:

<div class="vertical">Vertical Text</div> 

CSS:

.vertical { 
    position: relative; 
    background-color: #DDDDDD; 
    padding: 10px; 
    border-radius: 5px 5px 0 0; 
    float: right; 
    -moz-transform: rotate(270deg); /* FF3.5+ */ 
    -o-transform: rotate(270deg); /* Opera 10.5 */ 
    -webkit-transform: rotate(-90deg); /* Saf3.1+, Chrome */ 
} 

• Существует нежелательный запас создается между правой границей страниц и делами.
• Верхняя часть повернутого div обрезается.

Хотя я могу использовать отрицательные поля для работы, мне было интересно, существует ли более чистое решение.

Answer 1

Изменить происхождение вращения преобразования с помощью transform-origin: 100% 100%;
New Fiddle