(CSS) Alinhamento de menu vertical e horizontal

Olá, pessoal estou tendo um problema no front-end de um gestor e queria ver se vocês poderiam me ajudar, é o seguinte:

Eu tenho uma tela com um menu vertical na esquerda e logo do lado tenho um menu horizontal, que contém width 100%, porém, a largura deste menu horizontal está ficando embaixo do menu vertical, e não está considerando o menu vertical como uma "barreira" para o width 100% não ocupar o navegador inteiro, e sim só a partir de onde termina o menu vertical.

Aqui segue o css do menu vertical e do horizontal:

CSS DO MENU VERTICAL

#menuEsquerda{
height: 100%;
width: auto;
background-color: #33627a;
position: fixed;
}

CSS DO MENU HORIZONTAL

#barraFavoritos{
background-color: #dfdfdf;
width: 100%;
}

Desde já, obrigado pela atenção!