Galera,
Alguém já passou por isso usando Datatable? Esse menu é um import, eu já tentei usar overflow de todas as formas que eu pensei, e não consegui.
CSS do menu:
/*Configurações Padrões do menu*/
ul.menu, .menu li, .menu a{ margin:0; padding:0; list-style:none; text-decoration:none; }
ul.menu ul{ position:absolute; display:none; box-shadow:3px 3px 2px #333; }
/* Configurações nivel 1 do menu*/
ul.menu{ width:100%; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; border-radius:5px; padding:0 5px; }
.menu li{ float:left; width:auto; position:relative;}
.menu li a{ display:block; padding:0 20px; line-height:45px; font-weight: bold; height:45px; float:left; transition:all 0.1s linear; }
/* Configurações nivel 2 do menu*/
.menu li:hover > ul.submenu-1{ display:block; top:45px; left:0; padding:5px; width:220px; border-radius:0 0 5px 5px; }
.menu ul.submenu-1 a{ width:160px; padding:0 20px; border-radius:5px; }
/* Configurações nivel 2 do menu*/
.menu li:hover > ul.submenu-2{ display:block; top:0; left:195px; padding:5px; width:200px; border-radius: 0 5px 5px 5px; }
.menu ul.submenu-2 a{ width:160px; padding:0 20px; border-radius:5px; }
/* Configurações nivel 3 do menu*/
.menu li:hover > ul.submenu-3{ display:block; top:0; left:195px; padding:5px; width:200px; border-radius: 0 5px 5px 5px; }
.menu ul.submenu-3 a{ width:160px; padding:0 20px; border-radius:5px; }
==== SOLUÇÃO ====
Coloquei z-index: 1000; no css. Ficando assim:
ul.menu ul{ position:absolute; display:none; box-shadow:3px 3px 2px #333; z-index: 1000;}
E funcionou.