Barra de rolagem fixa

Tenho duas tabelas. A primeira tem a largura determinada pelo texto das linhas e a altura flexível, a segunda tabela terá a mesma altura que a primeira e tem um número de colunas indefinido, mas quando essas colunas se estenderem para fora da tela, uma barra de rolagem deve aparecer e ficar fixa na tela (rolagem horizontal), sem acompanhar a rolagem vertical e sem que a segunda tabela vá para baixo da primeira (devem ficar lado a lado).

Essa tabelas estão dentro de um elemento de altura e posição fixa, com barra de rolagem vertical que deve ser a mesma da segunda tabela para não ficar duas rolagens verticais.

+-----------++------------------------------+
| | | | ||

| | | | ||

| | | | ||

| | | | ||

| | | | v

+-----------++<=================>+

É assim só que a barra de rolagem horizontal não pode ficar no rodapé da tabela e sim fixada na tela abaixo da parte visível da segunda tabela.

O que eu fiz não deu certo porque a segunda tabela vai para baixo da primeira quando excede o tamanho disponível ao lado, assim só cria a barra de rolagem horizontal quando realmente não tem mais espaço. E a barra de rolagem só fica no rodapé da tabela, assim tem que rolar até o fim da página para encontra-la.

É possível resolver isso com CSS?
Se sim, quais recursos do CSS posso utilizar?

Desde já, Obrigado.