Tenho o seguinte codigo anaixo mas não consigo deixar o banner com 100% na lateral
index.html
<body>
<section>
<div id="banner">
<h1>Orlando City<small>Orlando City Soccer Club</small></h1>
</div>
</section>
</body>
e no arquivo.css
#banner {
width: 100%;
height: 728px;
position: relative;
background: url("../img/banner.jpg") no-repeat;
background-position: 0px -100px;
top: -110px;
}