使用IE8的浮动菜单css问题

Question

这个CSS在火狐中工作得很好，但在IE8中却不行。

.toc {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:black 1px solid;
    color:white;
    max-height:50%;
    max-width:25%;
    overflow:auto;
    padding:10px 10px 10px 0;
    position:fixed;
    right:20px;
    top:40px;
}

.toc li { color:black; list-style-type:circle; margin:5px 0;}

IE8将菜单呈现为页面顶部的第一段，而不是右侧的浮动菜单。我的错在哪里？

更新：

相关的HTML：

<div class="toc">
<ul>
<li><a href="#toc_1">DOCS</a></li>
<li><a href="#toc_2">TODO</a></li>
<ul>
<li><a href="#toc_2.1">Vorlagen</a></li>
<li><a href="#toc_2.2">Taeglich</a></li>
<li><a href="#toc_2.3">ADVARIS</a></li>
<li><a href="#toc_2.4">CRM</a></li>
<li><a href="#toc_2.5">QIS</a></li>
<li><a href="#toc_2.6">SAP</a></li>
<li><a href="#toc_2.7">Verschiedenes</a></li>
</ul>
<li><a href="#toc_3">URLs</a></li>
<ul>
<li><a href="#toc_3.1">Dev</a></li>
<li><a href="#toc_3.2">NEWS</a></li>
<li><a href="#toc_3.3">Vim</a></li>
</ul>
</ul>
</div>

Firefox-屏幕截图

截图

Answer 1

根据Gaby的规定，当我将IE转换为Quirk的模式时，我相信我看到了您的问题。检查您的Doctype和其他将通过您进入Quirk模式的东西，这可能是造成问题的原因。