jquery ajax load() does not load internal css for webkit browsers

Question

The css part is totally not reflected in the output (for webkit only, others ok), it is as if no css was defined, javascript works tho...

Ajax call

    $("#output_area").load("abc.html");

abc.html sourcecode: (Angle brackets are omitted)

!DOCTYPE HTML
html
    head
        style type="text/css"

            css..
            css..
            css..

            NOT LOADED/REFLECTED IN THE OUTPUT

        /style
    /head
    body

        HTML...
        HTML...
        HTML...

        script type="text/javascript"

            JAVASCRIPT IS LOADED AND IT WORKS

        /script
    /body
/html   

Answer 1

Loading css rules dynamically in Webkit (Safari/Chrome)