table/CSS spacing problem

[zingmatter]

I have some buttons which I want set out as 2 columns (see HERE. It looks fine on IE but the spacing is all wrong on FireFox. The CSS is valid (as is the html, I think).

Does anyone know of either a cross-browser fix for this or a sensible way of doing this without using tables at all.

Thanks

[ray326]

I'd start by just floating them all in a contained space and letting them sort it out for themselves. I.e. you could make them all float:left; list items in a fixed width list or contained in a fixed width div.

[zingmatter]

That's a good idea. In fact I realised that half the image buttons were 120px wide, the other half 150px wide which does help matters . Still, would be nice to avoid tables.

Thanks