title: Div not showing background-color
body: <p><code>.wrap</code>  div is supposed to have a light orange background but its showing up as white. I've tried using <code>overflow:hidden</code> on <code>.wrap</code> (and on <code>.banner</code> when I got desperate) but I have no clue whats going on.  </p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt; My Home Page&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div class="banner"&gt;
          &lt;h1&gt; Welcome!&lt;span style="color:#FF009D"&gt;•‌&lt;/span&gt;&lt;span style="color:#12E00B"&gt;•‌&lt;/span&gt;&lt;span style="color:#FF9D00"&gt;•‌&lt;/span&gt; &lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="wrap"&gt;
  
          &lt;div class="item"&gt;
              &lt;a href="https://www.youtube.com/user/maxxchewning"&gt;
                  &lt;img src="http://i.ytimg.com/vi/HrkZQ3EOmFQ/hqdefault.jpg" /&gt;
                  &lt;div class="button"&gt;&lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="item"&gt;
              &lt;a href="https://www.youtube.com/user/Christianguzmanfitne"&gt;
                  &lt;img src="http://i.ytimg.com/vi/zsD_7hkfEwY/hqdefault.jpg" /&gt;
                  &lt;div class="button"&gt;&lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="item"&gt;
              &lt;a href="https://www.youtube.com/user/PhysiquesOfGreatness"&gt;
                  &lt;img src="http://v017o.popscreen.com/VzFBeVBjMHhpRWMx_o_new-physiques-of-greatness-intro-25.jpg" /&gt;
                  &lt;div class="button"&gt;&lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="item"&gt;
              &lt;a href="https://www.reddit.com"&gt;
                  &lt;img src="https://pbs.twimg.com/profile_images/459083822470946816/VGv0AGio.png" /&gt;
                  &lt;div class="button"&gt;&lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="item"&gt;
              &lt;a href="https://www.ebay.com"&gt;
                  &lt;img src="https://pbs.twimg.com/profile_images/471350614132129793/NCDCFXva.jpeg" /&gt;
                  &lt;div class="button"&gt;&lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="item"&gt;
              &lt;a href="https://www.facebook.com"&gt;
                  &lt;img src="https://pbs.twimg.com/profile_images/3513354941/24aaffa670e634a7da9a087bfa83abe6_400x400.png" /&gt;
                  &lt;div class="button"&gt;&lt;/div&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="footer"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>body {       
          margin-top:-3px;
  }
  .banner {
      width:100%;
      height:200px;
      background-color: rgba(64, 201, 255, .5);
      margin-left:-10px;
  }
  
  h1 { 
      font-size:80px;
      margin-left:30px;
      font-family:Futura;
      line-height:120px;
      color:rgba(255, 255, 255, 1);
      text-shadow: 2px 2px 3px rgba(255,255,255,0.4);
      width:100%;
      letter-spacing:1px;
      padding-top:30px;
  
  }
  h1:hover { 
      font-size:80px;
      font-family:Futura;
      color: rgba(255,255,255,0.6);
      text-shadow: 2px 2px 3px rgba(64, 201, 255,0.9);
      width:100%;
      padding-top:30px;
  }
  
  }
  .wrap { 
      width: 100%;
      background-color: rgba(255, 190, 77, 1);
      height:750px;
      margin-right:0px;
  }
  .item {
      float:left;
      width:25%;
      padding:10px;
      margin-left: 60px;
  
  }
  
  .item img {
      width:100%;
      padding-top:10px;
      max-height:200px;
      opacity:1;
  }
  .item img:hover {
      opacity:.4;
      -webkit-transform: scale(1.2);
      -moz-transform:    scale(1.2);
      -o-transform:      scale(1.2);
      -ms-transform:     scale(1.2);
  }
  
  .button {
      background-color:rgba(0,0,0,0.8);
      height:50px;
      width:100%;
      border-bottom-right-radius:.5em;
      border-bottom-left-radius:.5em;    
      transition: background-color 0.3s linear;     
  }
  .item:hover .button{
      background-color:rgba(0,0,0,0)
  
  }
  </code></pre>