Tabla en scroll

[MaNuX0218]

Tengo unas tabla con css y cuando hay contenido le asigno un alto para que cuando lo sobrepase cree un scroll para subir y bajar y no se expanda el contenido, pero el problema es que no se me ajusta el thead con el tbody, me sale de la siguiente manera:

ID Nombre Sección
5 Pepito Mi sección


Y nose como ajustar para que quede como devería:

ID Nombre Sección
5 Pepito Mi sección


Bueno aqui dejo el código css para haber si pueden ayudarme a arreglarlo.

Código CSS:

table thead {
    display:table;
    width:100%;
}
 
table thead tr {
    display: table-row;
}
 
table thead tr th {
    background:#333;
    color:#fff;
    padding:5px;
    text-align:left;
}
 
table tr.none {
    display: inline-block;
    text-align:center;
    background:none;
    padding-top:20px;
    border:none;
}
 
table tr.none:hover {
    background:none;
    cursor:default;
    width:100%;
}
 
table tr.none td {
    border:none;
    text-align:center;
}
 
table tbody {
    display:inline-block;
    width:100%;
    overflow:auto;
    height:450px;
}
 
table tbody tr {
    width: 100%;
    border-bottom:1px solid #eee;
}
 
table tbody tr:hover {
    background:#eee;
    cursor:pointer;
}
 

Saludos.