控制menu 导航中两个span嵌套时，

boblog中，控制menu 导航时，
如果css这样写：
#menu  li span{
  display: block;
  padding-right:10px;
}
导航中的单个元素的距离右边的元素的距离会是 20px；
经过分析后发现，原来menu li中，  是两个的嵌套：

所以当如上面的控制的时候，是每个span都有10px的右边补白，加起来就是20px。
改成下面的，指定只有最里面的那个span的补白是10px，就正常了。
#menu  li span span{
  display: block;
  padding-right:10px;
  background: url(images/menu-li-bg.png) 100% -35px;
}