title: background image repeating on some pages despite having same coding for all
body: <p>Most likely a css problem, the images I'm using as backgrounds for each page are repeating &amp; varying in size. The homepage is the only completely functional section.
  Here's a live example: <a href="http://athenatestingwebsite.tumblr.com/" rel="nofollow">http://athenatestingwebsite.tumblr.com/</a>
  And here's my html:</p>
  
  <pre><code>&lt;div id="PROJECTSP"&gt;
  &lt;a id="projects" class="smooth"&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="CONTACTP"&gt;
  &lt;a id="contact" class="smooth"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here's some of my css:</p>
  
  <pre><code>body {
  height: 1000px;
  }
  
  #projectsp  {
      height: 1000px;
      width: 100%;
      background-color: #0a0b38;
      display: inline-block;
      text-align: center;
      background: url("http://i.imgur.com/rrmPP7E.png");
  }
  
  #contactp  {
      height: 1000px;
      width: 100%;
      height: 100%;
      background-color: #0a0b38;
      display: inline-block;
      background: url("http://i.imgur.com/s9gGzHO.png");
  }
  </code></pre>