title: position:sticky on horizontal scroll doesn't work
body: <p>i have a table that looks like this:</p>
  
  <pre><code>&lt;table id="navbar"  border="1" style="background-color:navy;height:150px;position:sticky;top:0px;right:0px;left:0px;border-style: solid;border-color:black;max-width:999999px; width:100%; background-image: none;"&gt;
  </code></pre>
  
  <p>the style for all tables:</p>
  
  <pre><code>table{
              text-align:center;
              width:30%;
              left:25%;
  
              /*font-size:larger;*/
          }
  </code></pre>
  
  <p>the psoition sticky should make it so that the table will always remain at the top of the screen, even on horizontall scroll. yet it doesn't work. the only way i found for it to work was by adding another table above and giving both the display:inline-table attribute, but it is not the solution i am looking for.
  anyone knows the reason for why it doesn't work?</p>
  
  <p>edit-i need to use position:sticky. it works pefectly for vertical scroll, but not for horizontal scroll. that is the problem i need to fix</p>