Курсор Textarea не начинается с начала

У меня есть <textarea> в HTML. Когда я помещаю в него курсор, он не начинается с начала, а мигает посередине.

HTML

<TD width="21%">
    <textarea class="txtarea" style="height:30px;" rows="3" name="Text" Id="Text" value=""> </textarea>
</TD>

CSS

.txtarea{
    border-right: #646464 ;
    border-top: #646464;
    border-left: #646464;
    border-bottom: #646464;
    width:100%;
    background: #ffffcc;
}