NN4 css seperation

NN4 css

[webaster]

I want this to be seen only to NN4

body {margin: -10px 0px 0px -10px;}

how can I do this if I cannot use a statement e.g. like this:

Rules that only IE5 mac sees, no problem

/*\*//*/
  @import "ie5-mac.css";
/**/

[benihana]

stick the nn4 only stuff in a seperate stylesheet, and link to it as normal.

then, in another stylesheet, over write those values with the correct ones, and use @import method to bring that stylesheet in after the first one.

[webaster]

<link rel="stylesheet" href="css/nn4.css" type="text/css" media="screen">

nn4.css:

body {margin: -10px 0px 0px -10px;}

<link rel="stylesheet" href="css/descent-browsers.css" type="text/css" media="screen">

where in the second I use @import in descent-browsers.css
e.g. descent-browsers.css:

@import url(layout.css);

body {margin: 0;} ( in layout.css)

Finally does the second stylesheet will overwrite the css body rules of the first nn4.css

[benihana]

in the html head:

<link rel="stylesheet" href="css/descent-browsers.css" type="text/css" media="screen">

<style type="text/css">
@import url 'goodbrowsers.css';
</style>

any rule that is defined in nn4.css AND goodbrowsers.css wil take its values from goodbrowsers.css