I'm trying to eliminate the space between a header and a table in my website, but I'm having trouble figuring out how to do it. Check out the screenshot where I've highlighted the issue.
https://i.sstatic.net/pZLJi.png
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
position: -webkit-sticky;
/* Safari */
position: sticky;
top: 0;
}
<h1>MY WEBSITE</h1>
<ul>
<li><a href="page1.html"> PAGE 1</a></li>
<li><a href="page2.html"> PAGE 2</a></li>
<li><a href="page3.html"> PAGE 3</a></li>
<li><a href="page4.html"> PAGE 4</a></li>
<li><a href="page5.html"> PAGE 5</a></li>
</ul>