Strange IE7 behaviors(or not)

I see no reason why this shouldn't work in all browsers, here is my css for anchor tag :

.myButton{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D8DFEA !important;
color:#3B5998;
cursor:pointer;
font-size:20px;
padding:10px;
}

Here is how it looks in IE7 :

And here is how it looks in other browsers :

HTML is nothing unusual as well :

<a href="#" class="myButton">Beta</a>

All of this is inside table, this anchor html is wrapped around with :

<tr>
   <td><a>...</a></td>
<tr>

开发者_JS百科

I don't think this has to do it with anything but I mentioned it just in case, so the button is missing border top, any indications what might cause this?

---

If the usual zoom:1; isn't working try float:left; or display: inline-block;vertical-align: top; but the first thing id do is serving IE7 margin-top:1px or position:relative;.
You probably just need to trigger the magic HASLAYOUT.

As an alternative you could style the TD instead.