在css中不使用特定div渲染的位置

Question

我在渲染具有不同屏幕分辨率的特定元素的位置时遇到问题。

以下是我的代码：

li.Dashboard > ul
{ 
  display:none; 
  position:absolute; 
  left:15.5%;  
  top:138px; 
  z-index:9; 
  vertical-align:top !important;
}

li.Dashboard li .subnav 
{  
  position:relative; 
  margin: 0px; 
  margin-top: 10px; 
  margin-left: 0px;
}

<LI class="Dashboard active" id=Dashboard jQuery1428391652078="2">
  <A id=hlDashboard href="PermanentReqFollowUp.aspx?2=7">
    <SPAN></SPAN>
    <SMALL></SMALL>
  </A>
  <UL>
    <LI jQuery1428391652078="4">
      <DIV class="subnav_bg subnav">
        <UL class=subnav_ul>
          <LI jQuery1428391652078="6">
            <A class="dxeHyperlink PermanentReqFollowUp" id=hlTechnipEmpFollowUp href="PermanentReqFollowUp.aspx?2=9">Monitoring of Permanent Employees Requests</A>
          </LI>
          <LI jQuery1428391652078="8">
            <A class="dxeHyperlink IntrimReqFollowUp" id=hlInterimEmpFollowUp href="InterimReqFollowUp.aspx?2=10">Monitoring of Interim Employees Requests</A>
          </LI>
        </UL>
      </DIV>
    </LI>
  </UL>
</LI>

Dashboard内.subnav的位置无效。{。} 当我尝试所有屏幕分辨率时，它会定位在Dashboard之外。

问题仅出现在IE中，但在Chrome中运行良好。