sortable list of images with absolute position

sortable list of images with absolute position

Hi all,

I want to sort a list of images which are positioned absolutely fix. the follwoeing code shows what I meant :-P
<div id="sortable">
  <div id="purple" style="position: relative;top:0px;left:0px;cursor: pointer;">
      <img id="ppBk" src="images/CM016_purplebook.png" style="position: relative;top:95px;left:405px;"/>
  </div>
  <div id="teal" style="position: relative;top:0px;left:0px;cursor: pointer;">
      <img id="tlBk" src="images/CM016_tealbook.png" style="position: relative;top:90px;left:325px;"/>
  </div>
  <div id="red" style="position: relative;top:0px;left:0px;cursor: pointer;">
      <img id="rdBk" src="images/CM016_redbook.png" style="position: relative;top:90px;left:260px;"/>
  </div>
  <div id="blue" style="position: absolute;top:0px;left:0px;cursor: pointer;">
      <img id="blBk" src="images/CM016_bluebook.png" style="position: absolute;top:95px;left:195px;"/>
  </div>
  <div id="green" style="position: absolute;top:0px;left:0px;cursor: pointer;">
      <img id="grBk" src="images/CM016_greebook.png" style="position: absolute;top:90px;left:100px;"/>
  </div>
</div>

I'm using the follwoing code to sort my images:

    $(function() {
        $("#sortable").sortable();
        $("#sortable").disableSelection();
    });

but, because they are positioned absolute, so when just get back to their first position, any idea would be appreciated...

thanks