2010-03-28 69 views
2

我看不出为什么这不应该在所有的浏览器,这是我的锚标记的CSS:奇怪IE7的行为(或没有)

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

这里是如何看起来在IE7:

alt text http://i43.tinypic.com/2a5lnkn.png

这里是如何看起来在其他浏览器:

alt text http://i39.tinypic.com/2pq3sw4.gif

HTML是什么不寻常的,以及:

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

所有这一切都在表格内,这种定位的HTML被缠有:

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

我不认为这有什么关系吗它但我提到它以防万一,所以按钮缺少边界顶部,任何迹象可能会导致这种情况?

+0

尝试给它一个显示:块 – pixeltocode 2010-03-28 01:53:56

回答

0

如果平时zoom:1;不工作尝试float:left;display: inline-block;vertical-align: top;,但第一件事ID做的是服务IE7 margin-top:1pxposition:relative;
你可能只需要触发魔术HASLAYOUT。

作为一种替代方案,您可以改为设计TD。

+0

显示:内联块做了伎俩 – ant 2010-03-28 13:17:52