Q:

Menu lateral com width fixo e content 100%

Eu estou trabalhando em um projeto, que o meu menu lateral tem 300px e o meu content tem 100% relativo com o meu menu.
Eu aplico o seguinte estilo:
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
}

.content {
  position: absolute;
  top: 0;
  left: 300px; /* Para que fique ao lado do menu */
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

Porém quando eu aplico isso ao site, a classe content fica maior, e aparece o scroll para visualizar o resto. Eu quero que o content fique 100%, mas relativo com o menu de 300px.
Segue o link, para vocês verem: http://codepen.io/anon/pen/lwLHJ

A:

No width do .content use o valor auto.
width: auto;

Clique aqui e veja o seu código alterado no Codepen.io.
Dica: O ideal seria no lugar da tag header você usar a tag nav que tem a verdadeira função de delimitar um menu no html5.

nav - HTML 5 - W3Schools

