Menu completar a tela inteira

[GuilhermeWathier0 0]

Pessoal, não estou conseguindo fazer o menu completar a tela inteira do blog, já utilizei o width: 100%, mas mesmo assim não fica. Queria que ele ocupasse toda a parte branca horizontalmente:

 

 

Vou deixar o código abaixo:

 

HTML:

<nav id="menu">
<ul class="menuhorizontal">
<li><a href="index.html">Início</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="historia-personagens.html">História personagens</a></li>
</ul>
</nav>

CSS:

#menu{
width: 100%;
}

.menuhorizontal{
margin: 0;
padding: 0;
}

.menuhorizontal ul{ 
list-style: none;	
}

.menuhorizontal li{ 
display: inline;
float: left;
}

.menuhorizontal a{
display: block;
padding: 10px;
background-color: #ddd;
}

.menuhorizontal :hover{
background-color: #f3f3f3;
color: #333;
}

[stromdh 15]

posta o html de toda a header

[Maykel-ctba 233]

Coloque .menuhorizontal e menuhorizontal ul também com 100%.

[GuilhermeWathier0 0]

 

 

Coloque .menuhorizontal e menuhorizontal ul também com 100%.

 

Coloquei, mas fica do mesmo jeito.

 

 

 

posta o html de toda a header

 

O menu não está dentro do header, mas mesmo assim se ajuda vou deixar o código:

<!-- Cabeçalho e menu -->
<header id="cabecalho"/></>
<h1>
<a href="index.html"><img src="imagens/glass-logo-peq.jpg"></a>
</h1>
</header>
<!-- Fim cabeçalho e menu -->

<nav id="menu">
<ul class="menuhorizontal">
<li><a href="index.html">Início</a></li>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="historia-personagens.html">História personagens</a></li>
</ul>
</nav>

[VitorF 1]

Guilherme, quando você usa a porcentagem como tamanho ele pega como base o elemento pai, sem vermos os elementos pais, fica difícil.

Apesar de que eu acho que está fazendo o que você quer sim, o problema é que você só colocou background nos links e pôs eles para flutuarem pra esquerda, o resto do menu tá sem cor, mas acho que está 100%;