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;
Рад, если кто-нибудь может помочь. Приветствия.