IE浏览器中a:hover设置background失效的解决方法

hover伪类在IE中有bug以前貌似在网上看到过，但是实际应用中没碰到过，今天正好有个页面需要做一个导航栏，结果a:hover设置background后在IE下是无法显示背景的。

html：

chrome下显示效果：

css：

　　

尽管你怎么样子设置a tag的css都是不管用的，参考了http://www.planabc.net/2007/02/15/ie_hover_bug/

在a tag中增加一个span tag，同时在css中增加

html：

css：

　　

ok，that's done!

转自：http://www.cnblogs.com/Fred_Xu/archive/2011/09/08/ie-a-hover-background-bug.html