html - 应用CSS后难以点击进入文本框

这似乎很简单，但我不知道是什么原因造成的。

更新：这是一个小提琴，我已在其中复制了该问题：http://jsfiddle.net/X374V/1/

我有一个简单的文本输入形式：

<input type="text" name="commentor" id="commentor"  />

风格：

#commentor {
    position:relative;
    float:left;
    margin-bottom:5px;
    height:25px;
    width:160px;
    border-style:solid;
    border-width:1px;
    border-color:#000;
    background-color:#CCC;
}

为了单击进入文本框进行输入，我必须单击框的最上边缘，在中间单击会以某种方式丢失它。有没有办法纠正这个问题？

最佳答案

这应该解决它。您的div正在处理输入内容。

#commentorName {
    color: #33CCCC;
    display: inline;
    font-family: futuraCondensed;
    font-size: 20px;
    line-height: 1.5em;
    position: relative;
}