今天在使用a的样式标签使用，由于在外面使用了一个”h7″标签，导致我郁闷了一个下午。
晚上回来，一步步的做了一个试验，才发现：原来IE内核的浏览器（我仅测试了IE8和Maxthon两款）不能能够支持h6以上的标题标签（不含h6)，然而FireFox则能够很好的支持这些！！
具体的测试代码如下（HTML文件）：
Demo (测试CSS样式用)
Test a:hover background style(using h4标签)
Test a:hover background style(using h5标签)
Test a:hover background style(using h6标签)
Test a:hover background style(using h7标签)
Test a:hover background style(using h8标签)
配套的样式表：
[codes=css]
body{
font-family: Verdana;
font-size:12px;
margin:0px auto;
line-height:20px;
}
div{margin:0px auto;}
ul{list-style:none;}
#container{width:900px;margin-top:15px;}
a{padding-left:15px;background:url(images/mroe.gif) no-repeat left center;}
a:hover{background:url(images/mroe_hover.gif) no-repeat left center;color:#345;}
.test{padding-left:15px;background:url(images/mroe.gif) no-repeat left center;}
.test:hover{background:#345 url(images/mroe_hover.gif) no-repeat left center;color:#fff;}
h4 a{margin-left:0px;padding-left:15px;background:url(images/mroe.gif) no-repeat left center;color:red;}
h4 a:hover{background:url(images/mroe_hover.gif) no-repeat left center;color:#874505;}
h5 a{margin-left:40px;padding-left:15px;background:url(images/mroe.gif) no-repeat left center;color:red;}
h5 a:hover{background:url(images/mroe_hover.gif) no-repeat left center;color:#874505;}
h6 a{margin-left:80px;padding-left:15px;background:url(images/mroe.gif) no-repeat left center;color:red;}
h6 a:hover{background:url(images/mroe_hover.gif) no-repeat left center;color:#874505;}
h7 a{margin-left:120px;padding-left:15px;background:url(images/mroe.gif) no-repeat left center;color:red;}
h7 a:hover{background:url(images/mroe_hover.gif) no-repeat left center;color:#874505;}
h8 a{margin-left:160px;padding-left:15px;background:url(images/mroe.gif) no-repeat left center;color:red;}
h8 a:hover{background:url(images/mroe_hover.gif) no-repeat left center;color:#874505;}
测试的效果截图（图1为Maxthon，图2为FireFox）：
