Thank you for the advice. I have done a small re-design of the
stylesheet. I've ripped out all the positioning code in the main
stylesheet and divided it into two other stylesheets: moz.css and
moz.css contains the layout using display:table while the ie.css
uses the more buggy float method.
Once I had divided the two and had them called depending on the
browser, all my table problems disappeared. My IE hacks were breaking
my table layout. It now displays perfectly in Gecko based browsers
without any need for ugly hacks. IE is left to struggle with the
floats, problematic resizing and uneven column heights.
The final code is at www.mungbeans.com.au. Bear in mind this is only
a site under construction and there is a lot of extra work and pages
which will eventually be added.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/