2010-07-15 101 views
0

此CSS在Firefox中完美工作,但在IE8中无法正常工作。与IE8浮动菜单css问题

.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-Screenshot

IE-Screenshot

+0

你可以发布一个带有URL的例子,但不包含很难确定的包含元素。 – Lazarus 2010-07-15 12:44:25

回答

2

基于加比的规定,当我切换IE中夸克的方式来呈现,那么我相信我看到你的问题。检查你的Doctype和其他可以通过你进入Quirk模式的事情,这可能是导致问题的原因。

+0

这是缺少的文档类型。非常感谢你! – vbd 2010-07-15 13:37:17