div исчезает после позиции: relative

Question

Я пытаюсь разместить изображение справа в контейнере. Однако после того, как я установил родительский контейнер в position: relative;, мое изображение исчезнет. Есть идеи? Веб-сайт: http://andrewgu12.kodingen.com/. Благодаря!

CSS:

.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; 
} 

HTML:

<div class="slide" id="home" data-slide="1" data-stellar-background-ratio="1"> 
     <div id="inner-container"> 
      <div id="name" clas="row"> 
       <img src="images/names.png"> 
      </div>        
     </div>    
    </div> 

Answer 1

Она не исчезает, она просто проходит весь путь вверх и из монитора XD You помните, что когда вы используете position: absolute, объект будет искать родителя с position: relative, чтобы позиционировать себя. Когда вы добавляете position: relative в div#inner-container, он меняет ссылку div#name.row. Может быть, добавление height: 100%; к родительскому div может сделать трюк за то, что вы хотите?

Answer 2

Попробуйте это:

div#name { 
    position:fixed; 
    right: 0px; 
    bottom: 200px; 

}