Untitled

<!doctype html>
<html lang="en">
<head>
    <title> Mrb. :) </title>
    <style>
        h1{
            text-align: center;
        }
        #finishImage {
            width:64px;
            height:64px;
            }
        #palette{
            position: absolute;
            height: 535px;
            border: 1px solid orangered;
            top: 10px;
            left: 10px;
            right: 1125px;
        }
        #content{
            position: absolute;
            height: 400px;
            border: 1px solid black;
            top: 135px;
            left: 250px;
            right: 10px;
        }
        #header{
            position: absolute;
            height: 115px;
            border: 1px solid orange;
            left: 250px;
            right: 10px;
        }
    </style>

    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>

<body>
    <div id="parent">
        <div id="header">
            <h1>HEADER</h1>
        </div>

        <div id="palette">
            <h1>PALETTE</h1>
            <hr>
                <div class="tbutton"><img id="finishImage" src="finish.png" /></div>
        </div>
        <div id="content">
    </script>
            <script type="text/javascript">
                $("#finishImage").draggable({
                    helper: "clone"
                    });

                $("#content").droppable({
                    drop: function(event, ui) {
                        $("#content").append("<img id='finishImage' src='as.jpg'/>");
                    }
                });
            </script>
        </div>
    </div>
</body>
</html>