I am dynamically adding tags <link>to the page using YUI3 and this works correctly.
For testing purposes, I have two almost identical css files that include the same background image, however, when I load the second css file, Firebug shows that more HTTP requests are made for the same images in the first css file.
Js
Y.one('head').appendChild(Y.Node.create('<link rel="stylesheet" id="' + cObject[target] + 'css' + '" type="text/css" href="css/' + c[target] + '.css" />'));
Css bg example
background-image: url(../../img/layout/apic.png);
Obviously, I would like this to not happen, but I don’t know where to start looking. This can do the same in other browsers, but I don’t know which plugins are available (if any) for other browsers.
EDIT: The headers seem to be fine, but this error may be the culprit ... What can I use in IE / Chrome / Safari to check HTTP requests to make sure it is ONLY FF?