Girar CSS move DIV do lado da página

Estou tentando criar uma tag lateral, como encontrada aqui em forma básica.http://www.firstforturf.co.uk/quotation.php

Eu estou tentando fazer o máximo possível usando CSS em vez de apenas colocar uma imagem no entanto eu encontrei um problema.

Ao girar o lado DIV, ele é movido do lado da página. Eu tentei definir a margem para 0, mas não parece estar funcionando.

Se isso ajudar, aqui estão as regras de CSS para o 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;

Grato se alguém pudesse ajudar. Felicidades.

questionAnswers(3)

yourAnswerToTheQuestion