Problem with aligning objects

Hi all,

I have a problem with a page for a website; the Jquery date picker....which is activated by clicking on an image directly under the 'Date Booked' Field. I want to be able to have this date picker image directly beside this field and not under it

I made a test page for this and the objects are aligned correctly; however on the actual website its a different story

Test page: http://www.therajasthan.co.uk/fred.html
Actual page: http://www.therajasthan.co.uk/reservation.php

Can anyone help understand where i have gone wrong and how this can be fixed?

thanks in advance

Magic! - thanks!