These are my legal CSS Hacks for fixing web browser quirks or outright bugs. Please enjoy, I have been working on them for years. May it help you if you need them. Please read here first: [What are these CSS Hacks Anyway?] Then check my [Live CSS Hacks Test Page] and also [BrowserHacks.com] where I sent new hacks and test submissions for the site.
Versions 3.0, 3.5, and 3.6 of Firefox have some differing CSS. 3.5 introduced several new CSS methods that can be used for our purposes.
Here is a CSS hack I created as a one-liner for 3.5 and up:
/* Firefox 3.5+ */
html:not(:-moz-handler-blocked) .selector { property:value; }
Author: Jeff Clayton
A slightly different composite version including a media query:
/* Firefox 3.5+ */
@media screen and (orientation) {
_:-moz-tree-row(hover), .selector { property:value; }
}
Author: Jeff Clayton
Here is one created for Firefox 3.x newer than 3.0 (3.5-3.6)
/* Firefox 3.5-3.6 */
_:not(), _:-moz-handler-blocked, .selector { property:value; }
Author: Jeff Clayton
As mentioned above, to test this live, view it on my test page at:
[ http://browserstrangeness.bitbucket.org/css_hacks.html ]
IT Director/Senior Software Engineer, Photographer I test and create new CSS web page formatting hacks for BrowserHacks.com for the purpose of repairing web sites. PS-- CSS hacks are fun, but please attempt good CSS first unless in a bind. See Test Pages: https://browserstrangeness.bitbucket.io and https://browserstrangeness.github.io
Jeff Clayton IT Director / Senior Software Engineer / Film & Photography 
Leave a Reply