Billeder bytter plads i et grid

Hej.

Jeg har et grid med ni felter. Man skal kunne trække og slippe billeder en i hvert felt. Derefter skal man kunne trække og slippe billedet over i et andet af felterne. Hvis der allerede er et billede i feltet skal de bytte plads.

Her er et eksempel på hvordan det ser ud i starten (Hvert tal symboliserer et billede):

1 2 3
4 5 6
7 8 9

Det jeg ønsker er at når nr. 1 bliver trukket hen til nr. 9 bytter de plads.

9 2 3
4 5 6
7 8 1

Jquery sortables virker næsten men ikke helt. Fordi der bruges css floats. Det skubber billederne enten til højre eller venstre istedet for at bytte plads:

9 1 2
3 4 5
6 7 8

Har i eksperter nogen ide om hvordan det gøres?

MVH