I have created DIVs in CSS which layout my page - all going fairly well, until I test in IE6 (horrid)
I have a main content DIV with sub-DIVs floated - the main #content style is set to:
border: 1px solid #000000;
This was making the content within this DIV (including all the floated sub-DIVs) have a min-height as specified, which then grows when the content is larger..... except it didn't work in IE6. The min-height was being ignored so it looked all squashed up.
Having searched Webdeveloper.com I found that adding the following:
height: auto !important;
To the style made the min-height attribute work in IE6, but it doesn't seem to allow any expansion - so it may as well just have a 'height' set!
Any ideas how to get around this - I hate being forced by IE to workaround these problems, but since they have the majority share in browser usage, I suppose I have to (and I know alot of users still use the older version due to dislikes over some of the new features