html - table cell that is only vertically scrollable -

i using following css , bootstrap 3 make table cell vertically scrollable

#scrollable {    width: 100%;    height: 100%;    margin: 0;    padding: 0;    overflow: auto;  }

<table table table-condensed table-hover style="table-layout: fixed;" >    <tr>      <td>        <div id="scrollable">something .................................long</div>      </td>    </tr>  </table>

it appears scroll horizontally (just not in snippet). have tried play above constraints, no luck. suggestions ?

use overflow-y

#scrollable  {   width: 100%;   height: 100%;   margin: 0;   padding: 0;   overflow-y: auto;   overflow-x: hidden; }