Я в основном сделал заголовок для своего сайта, и на его сторонах есть черный цвет. Я хочу расширить заголовок, чтобы он соответствовал ширине веб-браузера пользователя с черными "полосами". как будто заголовок распространяется на весь браузер.

Я пробовал несколько вещей, но я не могу понять это.

Вот пример того, что у меня есть сейчас:

#header {
    background: url('img/header.png') no-repeat top center;
    height: 131px;
    }

#headerbg {
    height: 131px;
    width:4000px;
    background-color:#000;
}

И в html я просто в div и внутри друг друга в html.