CSS rotate перемещает DIV со стороны страницы

Я пытаюсь создать боковой тег, как показано здесь в его основной форме.http://www.firstforturf.co.uk/quotation.php

Я пытаюсь сделать как можно больше, используя CSS, а не просто вставить изображение, однако я столкнулся с проблемой.

При повороте стороны DIV он перемещается со стороны страницы. Я пытался установить поле на 0, но оно, похоже, не работает.

Если это поможет, вот правила CSS для sidetag.

    color: #FFF;
    height: 50px;
    width: 200px;
    position: fixed;
    background-color: rgb(0,102,204);
    font-size: 32px;
    line-height: 50px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;

Рад, если кто-нибудь может помочь. Приветствия.

Ответы на вопрос(3)

Ваш ответ на вопрос