include css in ie8

According to this bug report on the jquery site, there may well be a problem in IE8 with appending css files to the dom that contain relative links.

The poster of the bug suggests that adding it as follows may work:

    var style = document.createElement("link");
    style.setAttribute("type", "text/css");
    style.setAttribute("rel", "stylesheet");
    style.setAttribute("href", "xxx.css");
    jQuery("head")[0].appendChild(style);

Or that using an absolute url may also work:

    $('').appendTo('head');

​

Although he goes on to say that any files included through @import within the appended css file will also not load as expected.

I would suggest giving these test cases a whirl to see what loads for you and what doesn't (if it works you should get a grey background in the HTML window):

Method Used in OP's question: http://jsfiddle.net/vs5NC/20/

First possible solution from my answer: http://jsfiddle.net/vs5NC/17/

Second possible solution from my answer: http://jsfiddle.net/vs5NC/19/

If none of these work, it's possible that Chris Fulstow's answer to a similar question may be a viable solution

From: 

http://stackoverflow.com/questions/11963572/append-css-does-not-work-correctly-in-ie8.

or we can do it by pure javascript:

        function addCSS() {
            var headtg = document.getElementsByTagName('head')[0];
            if (!headtg) {
                return;
            }
            var linktg = document.createElement('link');
            linktg.type = 'text/css';
            linktg.rel = 'stylesheet';
            linktg.href = 'CSS/RoundCorners.css';
            linktg.title = 'Rounded Corners';
            headtg.appendChild(linktg);
        }