datatables.net Plugin verbirgt das linke Menü hinter der Tabelle in IE

Question

Ich hatte eine Seite, die perfekt in IE funktioniert.
Dann habe ich die wunderbare jQuery-Plugin Datatables, um es diesen Code in domready Verwendung mit diesem Code

$('#articlestable-container table').dataTable({ 
    "bPaginate": true, 
    "bLengthChange": false, 
    "bFilter": true, 
    "bSort": false, 
    "bInfo": false, 
    "bAutoWidth": false 
}); 

Alles in Webkit und Firefox-Browser in Ordnung ist. Siehe das Bild.

Aber in IE, blendet die Tabelle das Menü, das im Idealfall wie diese auf den Tisch kommen sollte.

Wie Sie sehen können, wird das Untermenü hinter der Tabelle wiedergegeben.

Ich glaube nicht, Z-Index ist hier der Schuldige. Das Untermenü hat sowieso z-index: 9999;.
Was könnte falsch sein? Irgendwelche Hinweise, um dies zu lösen, werden sehr hilfreich sein.

Answer 1

Verwenden Sie das Standard-CSS, das mit datatables.net ausgeliefert wird. Hier hatte der Wrapper position:relative;. Entfernen Sie einfach diesen Code und das Menü wird ordnungsgemäß angezeigt.

.dataTables_wrapper { 
    /*position: relative;*/ 
    clear: both; 
    zoom: 1; /*Feeling sorry for IE */ 
} 

Ich denke, dass es ein IE-Fehler ist. http://www.gobdg.com/blog/2009/04/positionrelative-z-index-ie-bug/
Aber manuelle Einstellung z-index:1; hat nicht für mich funktioniert.

Haftungsausschluss: Ich weiß noch nicht, wie dies tatsächlich das Problem gelöst hat. Ich bin kein CSS-Guru.