czy da sie zrobić tak zeby w stylu css oznaczyc cześć stylu dla IE a część dla FF?

Da się jedynie oddzielić ie od reszty przeglądarek na kilka sposobów.
1. Oddzielny arkusz styli (można uzależnić od wersji ie):

[HTML] pobierz, plaintext 
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="IE-stylesheet.css" />
<![endif]-->
[HTML] pobierz, plaintext 

2. W samym css

[CSS] pobierz, plaintext 
tylkoi ie6
* html #div {
    color#000;
}
tylko ie7
*+html #div {
    height: 300px;
}
tylko ie8
#div {
  height: 300px\0/;
}
ie7+ie8
#div {
  height: 300px\9;
}
nie ie7
#div {
   _height: 300px;
}
nie ie 6
#div {
   height/**/: 300px;
}
html > body #div {
      height: 300px;
}
 
ie7
#div {
      *height: 300px;
}
 
[CSS] pobierz, plaintext 

nie bardzo rozumiem jak to działa.
napisze "tylko FF" i to zadziała

chce zrobić coś takiego zeby tylko dla FF do klasy .cl{} dodade było margin-top:10px a dla pozostałych nie.
To jak to zrobić?

[CSS] pobierz, plaintext 
@-moz-document url-prefix() {
   .cl {
        margin-top: 10px;
    }
}
[CSS] pobierz, plaintext 

powinno działać

dzieki działa