4 Columns top alignment browser conflict

Hi

I have been hacking at my CSS for a while now to get my form into 4 columns.
It currently looks OK in FireFox but not in Chrome or Safari.

The 2nd, 3rd and 4th column are not aligned to the top.
Have a look here:
http://whatsupsouthafrica.com/category-selection/

Please help with my layout.

I think you have two options here. The first option would be to target the individual fields with browser specific classes. If you look at the gform_wrapper div we append the browser name - so this was you can select fields specifically via not only the field ID, but also via the browser class.

The other option you might have would be to try to wrap divs around chunks of fields using an HTML field and then styling those divs. You can see a tutorial on that here: http://www.gravityhelp.com/forums/topic/how-can-i-get-the-form-fieldsboxes-side-by-side#post-29425

Oh Yeah > Thanks Rob.

I at first did not understand the replacement of the "fieldset" with "div" as in your example, but eventually got it.

#ShotALot