利用A标记的CLASS做双背景(A标记的背景+三角)
<li><a href="#" class="tra">home</a></li>
#nav li a{ display:block; height:30px; line-height:30px; float:left; padding:0 30px; background:#CCFF33;} A标记可以有background
#nav li a:hover{ background:#CCCCFF;} A标记hover可以有background
#nav li a.tra{ background:url(images/t.gif) no-repeat 60px center;} 通过给A标记设定class可以有第二个background(小三角)
#nav li a:hover.tra{ background:url(images/t.gif) no-repeat 62px center;}(a .class Hover 的css写法)