I had a page that works perfectly in IE.
Then I added the wonderful jQuery plugin datatables.net to it using this code in DOMReady with this code

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

Everything is fine in Webkit and Firefox browsers. See the image.

But in IE, the table hides the menu that ideally should come over the table like this.

As you can see, the sub-menu gets rendered behind the table.

I don't think z-index is the culprit here. The sub-menu has z-index: 9999; anyway.
What could be wrong? Any pointers to solve this will be very helpful.