title: margin top negative value issue css
body: <p>I have a div inside another div. I need to pull up the inside div out of the container div. I used the following code. If i use margin top in negative value the container div also move up with the inside div. I couldn't use <code>position absolute</code> for some alignment issue. </p>
  
  <p>Code:</p>
  
  <pre><code>    &lt;div style="background-color:#999999; width:150px; height:300px;"&gt;
          &lt;div style="position:relative; width:100px; height:100px; background-color:#006633; margin-top:-50px;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to achieve this with just position relative?</p>