Rotated Input Fields

This is to see what an input field does after it's rotated... Fingers crossed.

by nilloc

HTML

<div class="holder">
    <input id="tester1" type="text" class="tester">
</div>

<div class="holder" id="holder2">
    <input id="tester2" type="text" class="tester">
</div>

CSS

.holder{
    background: lightBlue;
    height: 117px;
    position: relative;
    width: 30px;
}
#holder2{-webkit-transform: rotate(45deg); left:50px;}
.tester{
    -webkit-transform: rotate(-90deg);
    border: 1px solid black;
    display: block;
    height: 14px;
    left: -36px;
    position: absolute;
    top: 50px;
    width: 100px;
}