title: Why does using overflow give me this problem?
body: <p>I have got a table with a scroll with the style "overflow-x:visible" to the scroll. But when I move the horizontal scroll It look like this <a href="https://i.stack.imgur.com/H51ud.jpg" rel="nofollow noreferrer">1</a>
  I tried applying position : absolute and the overflow problem was solved but the table pasted with the bottom of the top div and the first table header's name dissapear, looking like this <a href="https://i.stack.imgur.com/hfBPe.jpg" rel="nofollow noreferrer">2</a></p>