Specifying different stylesheets for Firefox 2 vs Firefox 3

Heartlash

Hey all,

I'm currently developing a few websites and have noticed that firefox 3 and firefox 2 seem to have small differences in the way they render height and width. I was wondering if anyone knew of a way to specify different CSS stylesheets for each version. I know this can be done with IE using the following method:

in the head section:

<!-- [if lte IE 6]>
link to stylesheet
<![endif]-->

<!-- [if IE 7]>
link to stylesheet
<![endif]-->

Any methods anyone is aware of would be greatly appreciated.

Thanks.

Bowen

You're most likely not going to be able to get away with it with straight CSS.

Try some JavaScript (will not always work though if someone's got it disabled):

http://www.4guysfromrolla.com/webtech/121400-1.shtml

FyreWulff

Here's what all changed in the CSS

http://developer.mozilla.org/en/docs/CSS_improvements_in_Firefox_3

Although it's also been shown that more than 50% of people have upgraded from 2 to 3, so in a while you probably won't even have to care about 2.