tengo una tabla la cual se llena con datos de un bd, le agrege un scroll para mejor visualización, el problema es cuando los datos son muchos la tabla de baja quedando casi a mitad del div que contiene el scroll. Ya intente con muchas cosas en css y no logro que la tabla permanezca fija en un solo lugar sin importar cuantas filas tenga
html
<div class='barra'>
<table class='tablaResBusc' >
</table>
</div>
CSS
.barra
{
margin-left:50px;
margin-top:20px;
width:780px;
height:250px;
overflow: auto;'
barraposition:absolute; z-index:1;
}
.tablaResBusc
{
width:750px;
word-wrap: break-word;
margin: 0px auto;
}