Internet Explorer填充问题

Ale*_*lex 6 css internet-explorer

我无法在我的<a>标签周围使用IE填充来正常工作.这仅适用于Firefox,Safari,Chrome,但不适用于IE - 请帮忙!

我的简化HTML代码如下所示:

__CODE__

Firefox结果(这就是我想要的):

alt text http://img33.imageshack.us/img33/8280/linkissueff.jpg

Internet Explorer(7)结果(填充不正确):

alt text http://img22.imageshack.us/img22/8555/linkissueie.jpg

如何解决这个问题在IE中工作?提前谢谢了!

Ken*_*ing 15

对于自然内联的元素,IE要求元素display: inline-block;在应用属性之前具有css属性padding.所以只需添加display: inline-block到您的锚元素.

<a style="display: inline-block; padding: 20px; background: red;" href="#">Some link</a>
Run Code Online (Sandbox Code Playgroud)