MSIE8 not reading imported stylesheet?

HTML & CSS
1

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:

img#zonehead
{
display: block;
position: relative;
padding: 4px;
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.

2

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?

3

Ok, there seems to be an issue with importing nested stylesheets - and MSIE reaches a limit which other browsers don’t seem to have.

Example:

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.

4

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

5

Ah - so that’s it.

Thanks for the heads-up.