Taking the scroll bar Tabs

I need to remove the scroll bar that is in the tabs, it generated a scroll bar and I want it to be static how to do it?

I tried to use overflow-y:hidden but it did not work.

<ul id="tabss" style="text-align: center;" class="nav nav-tabs">
  <li class="active"><a href="#bio" data-toggle="tab">Biografia</a>
  </li>
  <li><a href="#noticias" data-toggle="tab">Últimas Notícias</a>
  </li>
  <li><a href="#agendas" data-toggle="tab">Agendas</a>
  </li>
  <li><a href="#recados" data-toggle="tab">Recados</a>
  </li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="bio">Bio</div>
  <div class="tab-pane" id="noticias">Noticias</div>
  <div class="tab-pane" id="agendas">Agendas</div>
  <div class="tab-pane" id="recados">Recados</div>
</div>

CSS

#tabss {  
  margin-left: 0;
  padding-top: 10px;
  margin-top: 36vh;
  position: absolute;
  width: 100%;
  height: 32px;
  background-color: white;
  z-index: 999; 
}
#tabss li {   text-decoration: none; display: inline; padding: 5px; }
#tabss a { color: black; text-align: center; }
#tabss a:hover { color: #AE0823; }
.tab-content {   z-index: 9999;
  position: absolute;
  height: 20vw;
  width: 100%;
  background-color: black;
  margin-top: 40vh;
  opacity: 0.80;
}
#bio {   margin-top: 20px; margin-left: 35px; }