Need fields to line up into 6 columns

My form is available for viewing at http://richardpyznar.com/order/

When viewed on my Mac in Safari, Firefox & Chrome, the form displays as I would expect. See screenshot at:

http://richardpyznar.com/images/form-correct.png

However, a friend of mine viewing the same page on Firefox on Windows sees all the form fields misaligned, as in the screenshot below:

http://richardpyznar.com/images/form-wrong.png

I just want all the 12 rows to line up in 6 neat columns. Now they all do have the gf_inline CSS style applied. I assume this is the culprit. Unfortunately, there doesn't seem to be a Ready Class that allows me to divide it up into six columns. But this is exactly what I need to do. Can anyone help me?

I can try this. Where would I change the form wrapper attribute? Thanks!

Is there any chance of a quick explaination of how this order form was made its exactly what i'm trying to do but can't get my columns (5 - code description qty price total) to line up. I managed to get the 3 columns but can't get any further. Thanks

Yes link is : http://avonbray.com/?page_id=82

I've actually manged to get the fields lined up, however i don't know how to put the heading at the top of the columns. atm i have the writing inside the fields which i'd rather not have.

i found a post somewhere in here that said to take out the field label and put in the admin label. nothing external. i want to remove the default value which is why i'm asking about putting the field names at the top of the columns like on mgerenser form in the first post on this page.

thanks for help

What did you do to make 5 columns?

Yes that's right, a bit messy i know, thank god my theme is a fixed width on the content so all the boxes stay in their columns. Have sent email, thanks.