title: div disappears after position: relative
body: <p>I'm trying to position an image to the right within a container. However, after I set my parent container to <code>position: relative;</code>, my image disappears. Any ideas? Website: <a href="http://andrewgu12.kodingen.com/" rel="noreferrer">http://andrewgu12.kodingen.com/</a>. Thanks!</p>
  
  <p>CSS:</p>
  
  <pre><code>.slide {
      padding-top: 138px;
      background-attachment: fixed;
      width: 100%;
      height: 100%;
      position: relative;
          box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); 
  }
  div#inner-container {
      text-align: left;
      width: 960px;
      margin: 0 auto;
      padding: 0;
      white-space: normal;
      position: relative;
  }
  div#name {
      right: 0;
      bottom: 200px;
      position: absolute;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="slide" id="home" data-slide="1" data-stellar-background-ratio="1"&gt;
          &lt;div id="inner-container"&gt;
              &lt;div id="name" clas="row"&gt;
                  &lt;img src="images/names.png"&gt;
              &lt;/div&gt;                            
          &lt;/div&gt;            
      &lt;/div&gt;
  </code></pre>