Código PHP:
        <HTML>
<HEAD>
</HEAD>
<BODY>
<script>
    navigator.userAgent.indexOf("MSIE")>0 ? IE=true : IE=false;
    dragobj=null;
    offX=0;
    offY=0;
    oldZ=100;
    document.onmousedown=start;
    document.onmousemove=drag;
    document.onmouseup  =stopp;
    function start(e)
    {
        var ev = IE ? window.event : e;
        dragobj = IE ? ev.srcElement : ev.target;
        if (dragobj.attributes["dragme"])
        {
            dragobj.style.zIndex = oldZ+1;
            oldZ++;
            offX = IE ? ev.clientX - dragobj.style.pixelLeft : ev.pageX - parseInt(dragobj.style.left);
            offY = IE ? ev.clientY - dragobj.style.pixelTop  : ev.pageY - parseInt(dragobj.style.top );
        }
        else stopp();
    }
    function drag(e)
    {
        if (!dragobj) return;
        dragobj.style.left = (IE ? window.event.clientX : e.pageX) - offX;
        dragobj.style.top  = (IE ? window.event.clientY : e.pageY) - offY;
        return false;
    }
    function stopp()
    {
        dragobj=null;
    }
</script>
<div dragme style="position:absolute;left: 50;top: 50;width:40;height:40;background-color:blue;">
 
</DIV>
<div dragme style="position:absolute;left:150;top: 50;width:40;height:40;background-color:red ;"><img src="image..jpg"></DIV></body> 
   lo que yo quiero es crear grupos, como el que hice, de la imagen, dentro del DIV, y si arrastro el div o la imagen, todo se mueva junto, y no independientemente.
 por favor alguien que me ayude ....
 
