I'm using the CSS `content` attribute to pass some values from my LESS stylesheet to JavaScript (to use some colors defined in LESS in Canvas elements).
To make my life easier I decided to place these values in a easy way to parse them in JavaScript.

LESS code:

```
div#colorChart-critical {
   content:'@{critical-highest},@{critical-veryhigh},@{critical-high},@{critical-low},@{critical-medium},@{critical-verylow}';
}

```

which when compiled brings the following CSS:

```
div#colorChart-critical6 {
    content: '#ff0000,#ff7200,#fffc00,#0000ff,#a200ff,#00ff00';
}

```

Then I try to read them using jQuery:

```
$("div#colorChart-critical").css("content").split(",");

```

The problem is that in IE9 calling `$("div#colorChart-critical").css("content")` is returning the string `"normal"` for some reason. Opera, Firefox, Safari and Chrome works fine.

Why does this happen in IE9?

Any work-around this issue on IE9? If not any other CSS atribute I can put random texts in?

I could use something like:

```
background: url(#ff0000,#ff7200,#fffc00,#0000ff,#a200ff,#00ff00);

```

But this would generate errors on the console.