탑 메뉴 배경을 좌우 다른 색으로 100% 반복하려면요

탑 메뉴 배경을 왼쪽은 검정색, 오른쪽은 빨간색으로 화면 너비에 맞춰 반복하고 싶어요.
화면을 줄여도 콘텐츠는 가운데에 있고 양쪽 배경은 끝까지 이어져야 하는데 레이아웃을 어떻게 잡아야 할까요?
전체에 검정 배경을 깔고 빨간 배경을 별도로 배치해 봤지만 화면을 줄이면 빨간색이 콘텐츠 영역을 덮네요ㅠㅠ