css родительский div и дочерний div не играют правильно

Question

У меня есть родительский div, который имеет около шести div внутри. Все работает отлично, за исключением случаев, когда я добавил немного jQuery.

Теперь родительский div не расширяется, как раньше. Я сделал родительский div relative, а дочерние divs absolute, но родительский div просто не растягивается.

JQuery

$(".child").click(function() { 
    var mypos, otherpos, $this; 

    // Move to the target element 
    $this = $(this); 
    pos = $this.offset(); 
    otherpos = $('selector_for_other_element').offset(); 
    pos.left = otherpos.left - pos.left; 
    pos.top = otherpos.top - pos.top; 
    $this.animate({ 
    left: pos.left + "px", 
    top: pos.top + "px" 
    }); 
}); 

CSS

<style type="text/css"> 
    .child{ 
    width: 250px; 
    height: auto; 
    float: left; 
    padding: 10px 5px 10px 0px; 
    background-color: #fff; 
    position: absolute 
    } 
    .parent { 
    width: 770px; 
    height: auto; 
    float: left; 
    padding: 10px 0px 0px 10px; 
    background-color: #fff; 
    position: relative; 
    overflow: none; 
    } 
</style> 

HTML

<div class="parent"> 
    <div class="child">content</div> 
    <div class="child">>content</div> 
    <div class="child">>content</div> 
    <div class="child">>content</div> 
    <div class="child">>content</div> 
    <div class="child">>content</div> 
</div> 

Answer 1

Я не совсем уверен, если это http://jsfiddle.net/thebabydino/CRRV5/ - это именно то, что вы хотели, но оно работает, и его можно настроить.