span和li的高度问题

.box_link_right_campus_content
{
    margin-left: 8px;
    margin-top: 6px;
    line-height: 31px;
}

.box_link_right_campus_content span
{
    width: 110px;
    height: 30px;
    text-align: center;
    overflow: hidden;
    display: -moz-inline-box;
    display: inline-block;
    vertical-align:middle;
}

ie8 span的高度显示异常，大片选中文字后，右下角感觉总是有一小块东西，不知道是什么，加上了这句：vertical-align:middle;就ok了。

另外LI感觉也是有问题的，最后是在li中同时设置height和line-height，line-height和height的值先试着设置成相同的，如果不行将line-height小2px；

ie的各个浏览器真是麻烦。

网站正在改版中，兼容性真的是头疼。www.jobsky.net