Barra lateral fixa e height não funciona 100%

[numero 1]

Coloquei uma barra lateral esquerda fixa e coloquei a direita como absolute, para usar o left.

Coloquei background-color e isso não está funcionando na parte direita da página quando eu rolo a barra para descer.

 

Já mudei o postition do content

Já tentei height 100%, auto, 100vh. nada da certo

Tirei as tags body e html.

Tentei agora a pouco com a tag body height 100% e não deu

<nav>
Barra lateral esquerda fixa <----
</nav>
<div class="content">
Conteúdo da parte direita da página ->>>>
</div>

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background:#2C3E50;
}
.content {
  position: absolute;
  top: 0;
  left: 250px;
  right: 0;
  bottom: 0;
  width: auto;
  min-height:100%;
  background:#ECF0F1;
  padding-left:40px;
  padding-top:40px;
}

[numero 1]

Resolvi de uma forma aqui

 

Tirei o bg color do content.

Adicionei a tag body, e coloquei o bg color nela.