Textarea doesn't work within itself

Got a textarea, when i click inside it on top, it doen't focus. When lower - it does.

<textarea type="text" value="" id="theMessage" required></textarea>

textarea {
 width: 485px;
 height: 310px;
 position: absolute;
 top: 110px;
 border: 0;
 outline: none;
 overflow: hidden;
 resize: none;
 font-family: 'Coming Soon', cursive;
 font-weight: bold;
}