Here is the code I am working with:
<div class="wrapper">
<div class="full-width">
<div class="header">
<a href="">
<img src="img/logo.png" alt="Logo" class="logo img-responsive" />
</a>
<nav>
<ul class="nav nav-pills">
<li><a href="">Moden Web Design</a></li>
<li><a href="">Prices</a></li>
<li><a href="">Demonstration</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
The .wrapper has a width of 1100px, and inside it, there's a .full-width div that seems to be contained within the wrapper's margins. I want to find a way to give the .full-width div a full-width background.
I attempted to use this method without success:
.full-width {
height:50px;
position:absolute;
width:100%;
z-index:100;
}