проблема плавающего меню css с IE8

Question

Этот CSS отлично работает в Firefox, но не в 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-Screenshot

IE-Screenshot

Answer 1

Исходя из положения Габи, когда я переключаю IE для рендеринга в режиме Quirk, тогда я полагаю, что вижу вашу проблему.Проверьте свой Doctype и другие вещи, которые будут проходить через вас в режиме Quirk, вероятно, это является причиной проблемы.