An imported stylesheet appears to be only partially read - some of the styling isn’t applied.
But if I include the same styling in the head of the html page, it renders correctly.
The ‘unread’ css is:
border: 1px solid #aaa;
margin: 0 auto 5px auto;
UPDATE: This is happening with some other imported stylesheets too - the imported style isn’t applied, but a cut-and-paste of it into the head of the html page works.
Hard to figure out what it might be based on that one selector (it looks okay), do you have a link to the page in question?
Ok, there seems to be an issue with importing nested stylesheets - and MSIE reaches a limit which other browsers don’t seem to have.
In my set-up, /css/main/master.css imports /css/main/secondary/master.css which then imports (among others) /css/main/secondary/content/master.css which then imports (among others) /css/main/secondary/content/img.css.
Everything is fine until /css/main/content/master.css - and MSIE appears to read the content of that stylesheet but won’t do further imports… so hence my posted issue with the graphics.
There is a limit of 3 nested stylesheets I believe. See https://connect.microsoft.com/IE/feedback/details/421492/connect-id-350052-bug-nested-imports-not-implemented