Draggable Issue in IE

Draggable Issue in IE

Hey
I have a draggable child in a draggable parent. In IE for some reason when I drag the child it also drags the parent, which I don't want.
Both the child and parent have the same class name (used as the selector) but even when I changed the parent to "headerParent" it was still being dragged when I dragged the child.
I tried to use the cancel: '.headerParent' but it didn't work...
Anybody have an idea? Here's my code:
<div class="headerTable">
       <div class="headerTable">Johnny</div>
       <div class="headerTable">Billy</div>
</div>
    $(".headerTable").draggable({
        helper: 'clone',
        opacity: .6,
        addClasses: false,
        handle: '.headerTable',
        snap:'.daydiv',
        snapMode:'inner',
        revert:'invalid',
        stack:{
            group: '.headerTable',
            min: 1
        }
    });
<br clear="all">-------------------------------------------------
Brandon Ryall
Software Developer
eMaint Enterprises LLC
438 N. Elmwood Road, Suite 201
Marlton, NJ 08053
P 856-810-2700 x7180
F 253-323-6353