title: Div on Div with img element
body: <p>I want my Div <code>id="b"</code> to be <strong>on</strong> the other Div <code>id="a"</code>, but instead I get the Div <code>id="b"</code> under Div <code>id="a"</code>, What need I change in the Css?</p>
  
  <p><strong>Html:</strong></p>
  
  <pre><code> &lt;div class="picad30"&gt;
     &lt;div class="pic_sin30" id="a"&gt;
         &lt;img width="110" border="0" class="pic_sin30" src="SMALLAD.png"/&gt;
     &lt;/div&gt;
     &lt;div class="picgar30 p" id="b"&gt;&lt;/div&gt;
     &lt;div &gt;
         &lt;div &gt;upload&lt;/div&gt;
         &lt;div &gt;&lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>Css:</strong></p>
  
  <pre><code>.picad30{
      width:130px;
      float:right;
      display:table;
      margin: 20px 0 0 0px;
      position: relative;
  }
  
  .pic_sin30{
      border: 1px solid #ccc;
      height: 87px;
      overflow: hidden;
      width: 130px;
      position: relative;
      z-index:1;
  }
  
  .picgar30{
      background-position:-5px -244px;
      cursor:pointer;
      height: 20px;
      width: 20px;
      float:left;
      z-index:20;
      position:absolute;
  }
  
  .p {
      background-image: url("PIC/icon.png");
      background-repeat: no-repeat;
  }
  </code></pre>