title: Drag and Drop ( Copy ) in another Div is lining up
body: <p>I'm doing a Drag and Drop project where when dropping an image in another Div, it has to stay in the same place where I left it.
  The problem is the img are lining up the left. </p>
  
  <p><a href="https://i.stack.imgur.com/S33hK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S33hK.png" alt="Drag img to drop it in div Conteudo"></a></p>
  
  <p><a href="https://i.stack.imgur.com/Z2T2u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z2T2u.png" alt="The img go to the left side"></a></p>
  
  <p>HTML CODE : </p>
  
  <pre><code>        &lt;html&gt;
      &lt;head&gt;
          &lt;link type="text/css" rel="stylesheet" media="screen" href="css/testednd.css" /&gt; &lt;!-- CSS das div's --&gt;
          &lt;script src="js/testednd.js"&gt;&lt;/script&gt; &lt;!-- Script clickImagem --&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="conteudo-left" style="position:static; left:10px; top:20px; width:300; height:660; z-index:-1; overflow: auto"&gt;
              &lt;form name="form_dnd_left" border = 1&gt;
                  &lt;ul&gt; 
                      &lt;li&gt;&lt;img id="drag1" src="images/Comp3.jpg" draggable="true" ondragstart="drag(event)"  alt="" /&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/form&gt;
          &lt;/div&gt;
          &lt;div class="conteudo" id="conteudo" ondrop="drop(event)" ondragover="allowDrop(event)"&gt;&lt;!-- abrimos a div conteudo do meio--&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>CSS CODE</p>
  
  <pre><code>    #conteudo-left{
      width:300px;
      height:660px;
      float:left;
      background-color:#FFF;
  }
  
  #conteudo{
      width:600px;
      height:460px;
      float:left;
      background-color:#ff1;  
      display: initial;
      margin: auto;
      .columns {
      }
  
  }
  </code></pre>
  
  <p>JavaScript Code</p>
  
  <pre><code>///Drag'n Drop functions
  function allowDrop(ev) 
  {
      ev.preventDefault();
  }
  
  function drag(ev) 
  {
      ev.dataTransfer.setData("text", ev.target.id);
      ev.dataTransfer.effectAllowed = "copy";
  }
  
  function drop(ev) 
  {
      ev.preventDefault();
      var data = ev.dataTransfer.getData("text");
      var copyimg = document.createElement("img");
      var original = document.getElementById(data);
      copyimg.src = original.src;
      ev.target.appendChild(copyimg);
  }
  </code></pre>
  
  <p>Can somebody help me??
  Thanks for all !!</p>