Firefox 3 only CSS Hack

Question

Looking for a Firefox 3 CSS hack that doesn't inherit in Firefox 3.6.

html>/**/body .blockmeta .date-ui, x:-moz-any-link, x:default {
       border:1px solid #ccc;
       border-bottom:2px solid #ccc;
       background:#f2f2f2;
       margin-top:-1px;
}

The code above seems to also work in Firefox 3.6 which is undesirable.

Answer 1

I've not used it, but if you can use JavaScript then CSS Browser Selector looks interesting.

Of course, the better option would be to to not rely on hacks at all. Being pixel perfect doesn't really matter as long as it's still fairly accurate to your original design.

Remember, most people aren't going to be comparing your site in every browser and so won't notice a difference.

Answer 2

body, x:-moz-any-link, x:default, x:indeterminate {background:red}  

3.6 red
3.5.8 not red

(You will use it to reset 3.6)

your "0% accept rate" is scary

Answer 3

body, x:-moz-any-link, x:default, x:indeterminate {background:red}

it's not a good hack because as weird as it is, it's messing up with ie7.