Jquery ziehbare erreicht nicht die Kanten des Containers

Question

Ich bin sehr glücklich mit meinem Code an dieser JSfiddle, aber aus irgendeinem Grund kann ich nicht ergründen, die Dreiecke nicht die oberen oder rechten Kanten ihres Containers erreichen. Ich wäre sehr dankbar, wenn jemand einen Blick darauf werfen und erklären könnte, warum.

#sandpit{ 
    /* display: inline-block; */ 
    position: relative; 
    margin:20px auto; 
    width: 600px; 
    height: 400px; 
    border: 4px solid #7b6eb1; 
    border-radius: 5px; 
    /* background-color: #FFC469; */ 
    background-color: #FFFCCF; 
    padding: 2px; 
} 

.draggable{ 
    margin: 0; 
    width:25px; 
    height:25px; 
} 

Answer 1

Ändern Sie Ihre CSS für newTriangle zu:

.newTriangle{ 
    position:absolute; 
    right:0; 
}