Espaçamento firefox

[denis2016 0]

Olá pessoal estou com um problema no firefox, no chrome funciona corretamente mas no firefox esta dando um espaço estranho no menu vou deixar uma imagem para terem uma noção:

 

Como retiro esse espaço?

[L. Henrique 179]

Denis, sem o código do seu menu fica difícil analisar onde realmente está o problema. Mas vamos fazer alguns testes.

Abra o seu arquivo CSS e force a retirada dos margins e paddings.

html, body {
   padding: 0 !important;
   margin: 0 !important;
}

Se isso não resolver, vá até o código do seu menu e veja se ele possui algum padding ou margin-top que o esteja afastando mais do que o normal.

Veja também propriedades no código como -moz- pra ver se não possui algo interferindo.

Abraços!

[denis2016 0]

o code do menu é esse:

body {
font-family: 'Roboto', sans-serif;
text-decoration: none;
list-style: none;
padding: 0 !important;
    margin: 0 !important;
 
}
 
* {
list-style: none;
padding: 0;
text-decoration: none;
box-sizing: border-box;
 
}
 
 
.menu {
width: 100%;
height: 55px;
background-color: #333333;
border-bottom: #eee solid 1px;
 
}
 
.menu li {
float:left;
left: 8px;
position: relative;
left: 8%;
 
}
 
.menu a {
display: block;
padding: 18px;
color: #fff;
 
}
 
.menu li a:hover {
color: #00BFFF;
}

[L. Henrique 179]

Certo... Mas você não me deu nenhum retorno sobre o teste que lhe informei.

Faz o seguinte... Na classe .menu, adicione a propriedade: display: inline-block; - informe o resultado após o teste. Você também pode adicionar a propriedade: overflow: hidden; se precisar.

Abraços!