Spacja między tabelą a div - html, css

Próbuję stworzyć menu hamburgerów na kiedymój ekran spada poniżej 1025px, ale z jakiegoś powodu jest mała luka między moim nav i moim div menu, gdy używam okna zapytanie o media. Nie jestem pewien, dlaczego tak jest. Kiedy używam narzędzi programistycznych, nie znajduję żadnych marginesów wokół żadnego z nich.

    nav #menu{
position: relative;
z-index: 999;
float: right;
margin: 0 75px 0 0;
line-height: 50px;
}
nav #menu li{
font-family:"Abril Fatface";
display: inline-block;
padding-left: 50px;
}
nav #menu li a{
color: white;
position: relative;
text-decoration: none;
}

nav #menu li a:after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 0%;
border-bottom: 2px solid #c1c1c1;
transition: .3s;
}
nav #menu li a:hover:after{
width: 100%;
}
nav #menu li a:hover{
color: #c1c1c1;
}

@media (max-width: 1024px){
.hamburger{
float: right;
cursor: pointer;
padding: 15px;
display: block;
border-left: .1px solid white;
}
.line{
border-bottom: 4px solid white;
width: 35px;
margin-bottom: 5px;
}
.line:last-child {
margin-bottom: 0;
}
nav #menu{
width: 100%;
overflow: hidden;
padding-right: 0px;
margin: 0;
line-height: 25px;
/*      height: 0;*/
}
nav #menu li{
display: block;
width: 100%;
background-color: black;
}
nav #menu li a{
width: 100%;
}
.open{
height: auto;
}

Odpowiedzi:

Być może spróbuj określić:

nav {
margin: 0 auto;
}