4

Possible Duplicate:
Targeting only Firefox with CSS

I need to target firefox specifically because of their min-width / box-sizing bug.

So I have 1 normal min-width, but for mozilla I want a different min-width.

Is there any pure CSS/HTML solution available?

Thanks

Community
  • 1
  • 1
Harry
  • 52,711
  • 71
  • 177
  • 261
  • what `min-width` firefox problems? Create a http://JSfiddle.net – Hux Sep 20 '11 at 18:49
  • @MiG bug in question: https://bugzilla.mozilla.org/show_bug.cgi?id=653643 – Harry Sep 20 '11 at 18:56
  • From reading the linked-to bug report, it appears that this bug is triggered by using "-moz-box-sizing:border-box". Is there any way you could either stop using this property or switch the effected elements to "-moz-box-sizing:content-box" instead of using a hack ([not a best practice by any stretch of the imagination](http://www.digital-web.com/articles/keep_css_simple/))? – Nathan Arthur Sep 20 '11 at 21:01

1 Answers1

15

You can use the following to target (as far as I understand it) all versions of Firefox, and nothing else:

@-moz-document url-prefix() {
    /* firefox-only css goes here */
}
sdleihssirhc
  • 42,000
  • 6
  • 53
  • 67