Woocommerce Checkout Firefox/Opera

Hi All

I’ve just installed a demo store on my website and all works fine except when trying to checkout using Firefox or Opera.

Rather than being able to see the contents of the field, I just see dots – almost like the fields too small, but it has a full size curser when clicking in it.

Here’s a screenshot from the site:
http://www.ukparknews.co.uk/entry/cms/wp-content/uploads/Screen-Shot-2013-07-19-at-10.29.36.png

This must be a common problem but I can’t find any answers online.

Thanks