jquery - IE7 のタブは IE8/9 とは異なって見えます

Question

ホームページには 3 つのタブがあります。それらは IE8/9 でうまく機能します。しかし、IE7 ではタブの 1 つが異なって見えます。その高さは、他の 2 つのタブよりも高くなっています。ここで高さを変更するとIE8/9でレンダリングがうまくいかないため、高さを変更せずにそれらを制御するにはどうすればよいですか。コードは次のとおりです。

<div id="fig-tabs">
          <strong class="tab1">AAA</strong> <a href="#" class="tab">BBB</a> <a href="#" class="tab">CCC</a>
        </div>

そして、このコードを使用する corner.js を使用します。

$(document).ready(function() {
   $('.tab1').corner("5px");
   $('.tab').corner("5px");
});

css関連:

#fig-tabs { }

strong.tab1
{
    color: #CCC;
    background-color: #CCC;
    padding: 3px 8px 7px 8px;   
    text-decoration: none;
}

a.tab
{
    color: #CCC;
    background-color: #CCC;
    padding: 3px 10px 2px 8px;  
    text-decoration: none;
}

a.tab:hover { background-color: #CCC; }