Make a CSS only viewable in Gecko browsers

[Atoon]

There's a bug in mozilla firefox that is fixable adding a -moz property in the CSS, but that's illegal CSS. Is there some way from add a property for mozilla and hide it from other browsers and the validator, like the IE conditional comments?

[Fotiman]

No.

And what bug are you referring to?

[Atoon]

It displays the <li> tag like this:

li {
 -moz-float-edge: margin-box;
}

And that create a problem with the floats next to a <li>. A solution is to apply in the CSS

li {
-moz-float-edge: content-box; 
}

but that's illegal. Other option is

li {
width: 100%
}

but that look bad in other browsers.

[Fotiman]

Save yourself some headaches... code to Firefox first, and then "fix" it for IE. For example, give it 100% width if that makes it look right in Firefox, and then override that for IE only, using either conditional comments or a * hack.