ul li+css做竖状导航,字体在WIN7下为什么对不齐?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css"> 
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:6px 0px 4px;align:left;height:100%}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#95C2E9; border-left:1px solid #2D81C7; border-right:1px solid #2D81C7;}
.xb1 {margin:0 5px; background:#2D81C7;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#95C2E9; border:0 solid #2D81C7; border-width:0 1px;height:99%}
#div_top{
position:absolute; 
top:2px;
left:0px;
height:33px;
width:100%;
float:center;
z-index:9
}
</style>
<style type="text/css"> 
body{text-align: center;font-size:12px;font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;background-color: #3B79AA}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:#256bae;}
.warp{width:586px; height:269px !important; height:271px;border:1px solid #dbdcd7;}
.main{width:562px; height:269px !important;height:271px;padding:5px; margin-left:15px;overflow:hidden;float:left;}
.news{position:absolute;z-index:4;width:24px;}
.news ul{list-style:none;padding:0;margin:0;}
.news ul li{
    background:url("resources/images/acfnew/user/menu-tree-blue.gif") no-repeat left top;
    writing-mode : tb-rl;
    FONT-SIZE: 9pt;
    FILTER: black(color=glow);
    COLOR: #000000;
    LINE-HEIGHT: 160%;
    height:64px !important;
    height:64px;width:24px;
    margin-bottom:0px;
    padding-top:1px;
    text-align:top;
    cursor:pointer;
    vertical-align:middle;
   }
.news ul li.on{
    background:url("resources/images/acfnew/user/menu-tree-yell.gif") no-repeat left top;
    padding-top:1px;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    FILTER: black(color=glow);
    COLOR: #000000;
    LINE-HEIGHT: 160%;    }
.news span{display:block; margin-top:2px !important; margin-top:2px;}
</style>
<script type="text/javascript">
function HoverLi(src,obj){
 var objs=document.getElementsByTagName('li');
 for(i=0;i<objs.length;i++){
     objs[i].className='';
 }
 obj.className='on';
 mammothmenuif.location=src;
}
function adjustheight(seq,addnum){}</script>
</head>
<body topmargin=0 leftmargin=0 scroll='no'>
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent" align="left">
<table width="99.5%" height="100%" border="0"  cellpadding="0" cellspacing="0" >
<tr><td height=25 valign="top" colspan=3></td></tr>
<tr><td width=2px valign="top"></td>
<td width=23.5 valign="top">
<div class="news">
<ul>
<li class="on" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=167989211040402&seq=0',this);"><span>工作台</span></li>
<li class="" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=249324512310302&seq=1',this);"><span>质量体系</span></li>
<li class="" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=167989111030302&seq=2',this);"><span>公文办理</span></li>
<li class="" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=167989311050502&seq=3',this);"><span>公共事务</span></li>
<li class="" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=254697012920202&seq=4',this);"><span>司局事务</span></li>
<li class="" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=254698912930302&seq=5',this);"><span>电子书库</span></li>
<li class="" id="tb_11" name="acfomenuname" onClick="HoverLi('/aqsiq/ViewXZMenu.do?act=exp&topid=167989311060602&seq=6',this);"><span>常用工具</span></li>
</ul>
</div>
</td><td>
<table  height="100%" border="0" cellpadding="0" cellspacing="0" width="100%" style=" border:#2D81C7 solid 1px; ">
  <tr><td valign='top'>
      <iframe id="mammothmenuif" valign="top" width="100%" align="left" src="/aqsiq/ViewXZMenu.do?act=exp&topid=167989211040402&seq=0" frameborder="no" border="0" hspace="0" vspace="0" marginwidth="0" marginheight="0" height="550" name="mammothmenuif" framespacing="0"></iframe>
    </td>
  </tr>
</table>
</td>
</tr>
</table>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<div id="div_top"><span align=center><img src="/aqsiq/resources/images/acfnew/user/menu_top.gif" border=0></span></div>
</body>
</html>