Vertically aligning cursor inside input box. Safari & FF do different things..

Question

Hey all,

I can't figure out how to center the caret in an input box.. Safari will do it correctly.. Firefox hugs the top.. Here's the code:

<div class="strut">
    <input type = "text" class="strut_input" />
</div>

.strut_input {
    width: 28px;
    height:28px;
    position:absolute;
    background:none;
    border: none;
    color: #FFFFFF;
    font: 14px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    text-align: center;
    cursor:move;
    outline-style:none;
    vertical-align: middle;
}

div.strut {
    background: url('../images/doodads/strut.png') no-repeat;
    height: 28px;
    width: 28px;
    cursor:move;
    z-index:10;
}

Thanks! Matt Mueller