The scrollbar of the TreeView is not visible under Flamingo and IE-10

In Flamingo, we apply the .table{} mix-in from Bootstrap to every tables. This mix-in sets a padding to the cells of the table.

It seems that it breaks the TreeView with IE10 (see bug.png).

If you remove this padding, the TreeView works well again (see: without_padding.png). But we cannot remove the padding for every tables of the wiki!

Then, if you try to write a specific CSS selector to remove the padding only on tables that are on the TreeView... it still does not work!

Actually, the TreeView is made of divs and tables and their size & location are computed by a javascript. Javascript manually adds some styling using the style attribute.

I suppose that the TreeView tries to reproduce the behaviour of standard tables, and for some reasons, it fails on IE 8-9-10.

I don't have any clue to fix this. I have tried for hours to write specific CSS rules without any success.

I have also tried to not apply the .table mix-in on every tables, but only on tables that are inside the main container:

#mainContentArea{
  table:extend(.table all) {}

  table {
    // Used by: Livetable 
    table {
      background-color: @xwiki-page-content-bg;
    }
    th {
      label {
        font-weight: normal;
        margin: 0;
      }
    }
  }
}

You can see the results in attempt1.png...