title: Website doesn't function in Mozilla but does in IE and Chrome
body: <p>As the title suggests my website, <a href="http://www.contrabang.com" rel="nofollow">www.contrabang.com</a> doesn't seem to function in Moxilla. But it functions fine in Google Chrome, and a bit less fine in IE. This is the first time I've made a website before so apologies in advance if I've made any beginner errors. But I cant seem to find a solution. </p>
  
  <p>HTML is as follows:</p>
  
  <p></p>
  
  <pre><code>             &lt;div class="icons"&gt;
                &lt;a class="twitter" href="http://www.twitter.com/kadeemlaurie"&gt;&lt;/a&gt;
                &lt;a class="facebook" href="http://www.facebook.com/pages/Contrabang/127379984089682"&gt;&lt;/a&gt;
                &lt;a class="googleplus" href="http://googleplus.com/pages"&gt;&lt;/a&gt;
               &lt;/div&gt;
  
              &lt;div id="wrap"&gt;
                &lt;div id="featured"&gt;
                  &lt;div class="wrap"&gt;
                    &lt;div class="textwidget"&gt;
                      &lt;div class="cup"&gt;
                        &lt;img src="..\Contrabang\img\red-cup.png" height="200"&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
  
                &lt;div id="theFixed"&gt;&lt;h1&gt;&lt;a href="#"&gt;CONTRABANG&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
  
              &lt;div class="bg1"&gt;
  
                &lt;hgroup class="billboard second"&gt;
                  &lt;h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'"&gt;
               We are an events management agency based in London. We create memorable experiences. Check out our upcoming event.&lt;/h2&gt;
  
              &lt;/hgroup&gt;
  
              &lt;br&gt;
              &lt;br&gt;
              &lt;br&gt;
  
              &lt;div class="pad"&gt;
               &lt;a href="#" target="_blank"&gt; &lt;img src="..\Contrabang\img\Contrabang.jpg"  width="300" height="400"&gt;&lt;/a&gt;
              &lt;/div&gt;
                  &lt;h2 style="font-size: 33px; opacity: 1; font-family: 'dosis'"&gt;
               Buy Tickets: 07949747971&lt;/h2&gt;
              &lt;/div&gt;
  
  
              &lt;/div&gt;
  
              &lt;/section&gt;
  </code></pre>
  
  <p>&amp; the main CSS</p>
  
  <pre><code>                  .main{text-align:center;}
  
                    #featured {
                      background: #E94F78 url(http://www.creativityfluid.com/wp-content/themes/creativityfluid/images/img-bubbles-red.png) no-repeat top;
                      background-size: 385px 465px;
                      color: #fff;
                      height: 535px;
                      overflow: hidden;
                      position: relative;
                      z-index: -2;
                    }
  
  
                    #featured .wrap {
                      overflow: hidden;
                      clear: both;
                      padding: 70px 0 30px;
                      position: fixed;
                      z-index: -1;
                      width: 100%;
                    }
  
  
                    #featured .wrap .widget {
                      width: 80%;
                      max-width: 1040px;
                      margin: 0 auto;
                    }
  
                    .textwidget{
                      padding: 0;
                    }
  
  
                    #wrap {
                      margin: 0 auto;
                      padding: 0;
                    }
  
                    .cup{
  
                      margin-top:210px;
                    }
  
  
                    body, h1, h2, h3, p {
                      margin: 0; 
                      padding: 0;
                    }
  
                    a { 
                      text-decoration: none;
                    }
  
                    #theFixed{
                      position:fixed;
                      background-image:url(http://s10.postimg.org/wyyotlk15/krystalrae_2012_fall_print_leopard_sketch.jpg);
                      width:100%;
                      text-align:center;
                      overflow: hidden;
                      background-position: center;
  
                    }
  
  
                    h1{
                      font: 800 1.313em "proxima-nova", sans-serif;
                      font-size:3.125em;
                      text-align:center;
                      padding:10px 10px;
                      margin:20px 20px;
                      background-color:#E94F78;
                      padding-left: 0.15em;
                      text-decoration:none;
                      display:inline-block;
                      color:yellow;
  
                    }
  
                    h1 a{
                      text-decoration: none;
                      letter-spacing: 8px;
                              padding-left: 0.15em;
                      color:yellow;
  
                    }
  
                    .bg1{
                    background-image:url(http://www.coalmarch.com/sites/all/themes/coalmarch/images/paper-background-coalmarch-website-design.jpg);
                      width: 100%;
                      height:900px;
  
                      background-color: #e94f78;}
  
                    h2{
  
                    font-family: georgia;
                    font-size:3em;
                      color:black;
                    }
  
  
                    .billboard {
                      overflow: hidden;
                      width: 960px;
                      margin-left: auto;
                      margin-right: auto;
                        text-align: center;
                    }
  
                    .pad{
                      padding:20px;
                    }
                    }
  
                    .billboard a {
                      color: #000000;   
                    }
  
  
                    .billboard {
                      padding-top:230px;
                    }
  </code></pre>