gardentools

Hi all, Was hoping someone might be able to help me with a div animation in jQuery that I am trying to achieve. Basically the idea is a patch of grass that on hover splits in half to reveal the soil underneath. So far I have this: http://www.grahamtottle.co.uk/sliding-image-test.html The problem I have is that I want the coloured bits of the grass images to be hidden behind each other until the split occurs. Basically these bits are going to be rough edges, which will be revealed as the grass splits. No matter what I do though I can't seem to get these bits to hide behind each other and then be revealed on animation. Can anyone offer any advice on how this could be achieved? Thanks in advance