与IE8 / 9相比，IE7中的标签看起来不同

Question

我的主页上有3个标签。它们在IE8 / 9中运行良好。但在IE7中，其中一个标签看起来不同。它的高度超过其他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; }