ボタンとhrefを同じクラスの同じサイズにするにはどうすればいいですか？

Question

私はHTMLで、そのような単純な形式があります。

<form action="add" method="get"> 
    <input name="ok" type="submit" value="ok" class="btn" /> 
    <a class="btn" href="ok">ef</a> 
</form> 

をそして私は、このようなCSS有無：

.btn { 
    font-family: Arial, Tahoma, Verdana, sans-serif; 
    font-size: 14px; 
    font-weight: bold; 
    text-shadow: 0 -1px rgba(127, 127, 127, 0.5); 
    text-decoration: none; 
    line-height: normal; 
    text-align: center; 

    cursor: pointer; 
    display: inline-block; 
    /*padding: 5px 12px;*/ 
    color: #fff; 
    border-bottom: 1px solid #EEE; 
    outline: none; 
    border: none; 

    background-repeat: no-repeat; 
    background: -o-linear-gradient(top, #3BA5C8, #2A829E); 
    background: -moz-linear-gradient(top, #3BA5C8, #2A829E); 
    background: -webkit-linear-gradient(left top, left bottom, #3BA5C8, #2A829E); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BA5C8', endColorstr='#2A829E'); 
    } 

しかし、何が間違っているのですが？ firefoxと、すなわち、そのtegsを取得する：aと入力（提出）別の高さで、umbitは大きく、aは小さいです。お願い助けて。

http://jsfiddle.net/TxQpN/14/作品はFF、すなわち、しかし、IE7

Answer 1

にあなたはこのような<a> & buttonのための高さを定義する必要はありませ参照してください。

.btn{ 
height:30px; 
vertical-align:top; 
}