I have been developing a carousel function for my website www.dealclick.co.uk
which uses jQuery to rotate between products.
I have been developing this on a Mac, using FireFox to get it as I visually wanted it to look, as in the image below:
However when I look at the same url (www.dealclick.co.uk
) in Safari or Chrome (I haven't even got to IE) the spacing seems off, it seems the TD height, which should be 50px goes to 51px in Chrome, this maybe because the height is set to 50px, with a 1px border, but in FF this still keeps to 50px in total, but in Chrome the border doesnt seem to be inclusive of height:
Any ideas how to work around this?