menu fisso con scroll orizzontale

[leaf]

ciao, dopo un po' di ricerche non ho trovato nessuno che parlasse di questo..in tutte le pagine del sito ho la barra del menu in alto (che ha la dimensione della finestra). mi capita però che in una pagina ci sia una tabella molto grande che (e purtoppo non posso fare altrimenti) si estende orizzontalmente ben oltre il limite destro della finestre. quindi devo scrollare orizzontalmente per poter vedere le colonne della tabella che sono 'fuori' dalla finestra. Io vorrei che il menù restasse fisso indipendentemente dallo scroll della tabella. al momento infatti,k quando scrollo a destra, il menù 'finisce' al limite della finestra iniziale..come si vede dallo screen..quando scrollo verso destra, a un certo punto il menu grigio in alto finisce. io invece vorrei che rimanesse fisso indipendentemente dallo scroll orizzontale



questo è il css del menù

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative; /* ho già provato con fixed e con static ma non funziona */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu {
  font-family: Montserrat, sans-serif;
  background: url('./img/menu.png');
  background-size:cover;
  background-repeat: no-repeat;
  }
  
#cssmenu > ul > li {
  float: left;
}

#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}

#cssmenu > ul > li:hover > a {
  color: #ffffff;
}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

#cssmenu li:hover > ul {
  left: auto;
}

#cssmenu li:hover > ul > li {
  height: 35px;
}

#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}

#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
  z-index: 9999;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a { 
  border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { 
  color: #ffffff;

grazie,
L.

[leaf]

up!