title: Want to bring div over div bootstrap
body: <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="col-lg-4"&gt;    
      &lt;div class="outer-div"&gt;&lt;/div&gt;    
      &lt;div id="cropContainerMinimal1"&gt;&lt;/div&gt;      
  &lt;/div&gt;     
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.outer-div {
      padding-top: 75px;    
      padding-right: 72px;    
      padding-left: 69px;    
      padding-bottom: 92px;    
      background-image: url(../images/student-background.png);    
      background-repeat: no-repeat;    
      background-position: center center;    
      height:590px;
  }
  
  #cropContainerMinimal1 {
      width:100%;
      height:421px;
      position: relative;
      border:1px solid #ccc;
  }
  </code></pre>
  
  <p>CSS is not working for me. If i play with <code>absolute</code> it destroys all the structure. How to fix this issue?   </p>