I’ve a little quandry I need to work around at the moment, and I’m hoping someone out there can help me out:
I’ve a two-column layout, and I’ve been using min-height to force a minimum height when the content is shorter (And I’ve escaped it for IE, which doesn’t understand min-height, to use height).
The problem is that I can’t find a combination of CSS hacks to make this work on all of Firefox, IE 6 & Safari. The issue is with the height attribute: If I have so that the browsers read the height attribute, it works in IE & Safari. However with Firefox, it doesn’t stretch when needed — it just overflows.
So what I’m looking for is a hack that ONLY Mozilla will read (to re-set the min-height) or ONLY Mozilla WON’T read (to re-set the height attribute).
I though I could just use Tantek’s box-model hack, but apparently Safari reads that, so it didn’t help. And I’ve looked through all sorts of others, with no more success.
So if someone could help me out, I’d be much obliged. And if at all possible, I’d rather not have to use an @include filter, because I don’t want another stylesheet just for Mozilla or just for Safari. I don’t know why I don’t, but I don’t. However, I will accept that if that’s the only option.