title: How to put image on the top of the div?
body: <p>here is my code</p>
  
  <pre><code>&lt;div id="content_main2"&gt;
      &lt;div id="content_main2_left"&gt;&lt;img src="../images/logo.png"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#content_main2
  {
      width:800px;
      height:200px;
  }
  #content_main2_left
  {
      float:left;
      width:300px;
      height:240px;
      margin-top:-40px;
      -webkit-border-radius:15px;
      -moz-border-radius:15px;
      border-radius:15px;
      background:#817339; 
  }
  </code></pre>
  
  <p>my result</p>
  
  <p><img src="https://i.stack.imgur.com/ntRyR.png" alt="enter image description here"></p>
  
  <p>bt i need to display logo on top of the div. I mean half on <code>#content_main2</code> div and another half on <code>#content_main2_left</code>. how can i do it ?</p>