IE中的jQuery嵌套选项卡设计问题

Question

在internet中，嵌套选项卡以黑点显示。通过检查元素，如果我在css中做了任何更改，点就会消失。如果我再做一次刷新，它就要来了。我不知道如何解决。演示在这里。下面是我用来创建嵌套选项卡的片段。提前谢谢..。

 <div id="tabs">
<ul>
    <li><a href="#tabs-1">Total Pool Point </a></li>
    <li><a href="#tabs-2" id="t">Vessel Details</a></li>
    <li><a href="#tabs-3" id="t">Standard Voyages</a></li>
    <li><a href="#tabs-4" id="t">Voyage calculation</a></li>
    <li><a href="#tabs-5" id="t">Cargo Lifts</a></li>
    <li><a href="#tabs-6" id="t">Performance</a></li>
    <li><a href="#tabs-7" id="t">Pool Rules</a></li> 
    <li><a href="#tabs-8" id="t">Additional Pool Point</a></li> 
</ul>
<div id="tabs-1">
          <div id="totalpp_tab_main" ></div> 
        </div>
        <div id="tabs-2">
           <div id="vessel_tab_main" ></div> 
        </div>
        <div id="tabs-3">
        </div>
        <div id="tabs-4">
             <ul>
                <li><a href="#41" id="1">Standard Voyage #1</a></li>
                <li><a href="#42" id="2">Standard Voyage #2</a></li>
                <li><a href="#43" id="3">Standard Voyage #3</a></li>
                <li><a href="#44" id="4">Standard Voyage #4</a></li>
                <li><a href="#45" id="5">Standard Voyage #5</a></li>
                <li><a href="#46" id="6">Standard Voyage #6</a></li>
            </ul>
            </div>
        </div>
        <div id="tabs-5">
          <div id="cargolc_tab_main" ></div>
        </div>
        <div id="tabs-6">
         <div id="performance_tab_main" ></div>
        </div>
            <div id="tabs-7">
         <div id="poolrules_tab_main" ></div>
         </div>
         <div id="tabs-8">
         <div id="additionalpp_tab_main" ></div>
        </div>  
</div>

Answer 1

在不深入jquery选项卡的情况下，下面是一个快速修复：http://jsfiddle.net/0m2zdo20/2/

刚添加了一个css来删除这些点。

#tabs-4 > ul > li {
    list-style: none;
}