li elements moving about in Chrome (display: inline-block)

Please see this page: http://access.mwjt.co.uk/feedback/?s=hmmm

When viewed in Chrome, occasionally the 3 pictures are in the correct place, but usually some or all of them jump down to a lower position. (hitting refresh shows the error as the page displays differently e开发者_JAVA技巧ach time)

Can anyone shed any light on this bug please?

Many thanks! Mike

You have some invalid HTML markup going on there.

Firstly, wrapping the form within a fieldset? should be the otherway around, Form > Fieldset.

Also, after the </ul> you have a <p></div> combo going on. this is probably causing the page to break.

Turns out the image sizes were being resized by webkit and Chrome wasn't always consistently happy with this. Setting image heights as px solved the problem.