... and just when I thought I'd seen it all
Head to <!-- m --><a class="postlink" href="http://www.cm-life.com/vdirectory/?template=new_dp">http://www.cm-life.com/vdirectory/?template=new_dp</a><!-- m -->
In ANY browser, except IE 5.01/PC, the @import style sheets display correctly. In IE 5.01, it simply ignores them!! I kid you not. I can import the missing style sheets via the <link> tag (and thus NOT hide them from 4.0 and older browsers), but it will not recognize those CSS files imported via the @import method.
And here's the kicker: Only the Directory section of the site behaves like this in IE 5.01. Click a link to the Front Page, and WHAM! the correct style sheets are applied.
I've validated the HTML and CSS files. The only error I get is in vdirectory/layout.css because it @imports another CSS file at the very top of the document. The W3C CSS validator doesn't like that, but as far as I know it's completely allowable.
Any ideas?Never mind. Solved my own problem (again). The @imported style sheets were written:
@import"http://www.cm-life.com/css/new_dp/style2/screen/layout.css";
@import"http://www.cm-life.com/css/new_dp/style2/screen/vdirectory/layout.css";
Notice there's no space between @import and the opening quote? Well, IE 5.01 was the only browser that got confused
Placed a space in there and things worked just fine.
Head to <!-- m --><a class="postlink" href="http://www.cm-life.com/vdirectory/?template=new_dp">http://www.cm-life.com/vdirectory/?template=new_dp</a><!-- m -->
In ANY browser, except IE 5.01/PC, the @import style sheets display correctly. In IE 5.01, it simply ignores them!! I kid you not. I can import the missing style sheets via the <link> tag (and thus NOT hide them from 4.0 and older browsers), but it will not recognize those CSS files imported via the @import method.
And here's the kicker: Only the Directory section of the site behaves like this in IE 5.01. Click a link to the Front Page, and WHAM! the correct style sheets are applied.
I've validated the HTML and CSS files. The only error I get is in vdirectory/layout.css because it @imports another CSS file at the very top of the document. The W3C CSS validator doesn't like that, but as far as I know it's completely allowable.
Any ideas?Never mind. Solved my own problem (again). The @imported style sheets were written:
@import"http://www.cm-life.com/css/new_dp/style2/screen/layout.css";
@import"http://www.cm-life.com/css/new_dp/style2/screen/vdirectory/layout.css";
Notice there's no space between @import and the opening quote? Well, IE 5.01 was the only browser that got confused
Placed a space in there and things worked just fine.