html5 drag and drop ayuda (imagen dentro de div)

[Kase]

veran, estoy asiendo un sistema web de noticias, y quiero implementar drag and drop  para jalar las noticias entre si y poderlas relacionar..

todo bien...

[youtube=640,360]http://www.youtube.com/watch?v=SOmGQyWgvuQ[/youtube]


exepto por un detalle, y que que cuando tengo una imagen dentro del div (con el div seteado como draggable) la imagen tiene prioridad y se jala la imagen

ya intente ponerle a la imagen draggeable=False y funciona parcialmente para jalar, pero al soltar un elemento arriva no lo detecta del modo correcto


algo asi es el codigo html que tengo

{%for nota in columnas%}
{%if forloop.first%}<div class='row-fluid'>{%endif%}
<div class='span3' style='text-align:center;' >
       <a draggable="false" href='/columna/{{nota.id}}/{{nota.titulo|slugify}}'><div draggable=True ondragstart="dragIt(event);" id='c{{nota.id}}' ondrop="dropIt(event)" ondragover="event.preventDefault();">
   <img src='{{MEDIA_URL}}{{nota.columna.imagen}}' draggable=False class="img-polaroid" style='width: 80%;margin-left:9%;margin-right:10%; '>
   <h3  style='text-align: center;'>{{nota.columna.nombre}}</h3>
   <h4  style='text-align: center;'><i>{{nota.titulo}}</i></h4></div></a>
</div>
{%if forloop.last or forloop.counter|divisibleby:"4" %}</div><br>{%if not forloop.first and not forloop.last%}<div class='row-fluid'>{%endif%} {%endif%}
{%endfor%}

el como asociar va de lado del servidor, del lado del cliente solo debo poder mandar los ids de los divs correctos :3