: External CSS style sheets cannot be displayed normally in IE browser_html/css_WEB-ITnose

I would like to ask you all, after separating the CSS files, the format is not displayed in the IE browser, but displays normally in the Firefox browser. What is the problem? For example, the following code, a very simple section, displays differently in the two browsers:

css.css file code:

#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 355px;
top: 99px;
background-color: #0099CC;
}
body {
background-color: #6600FF;
}



html code:

Show page As follows:
Under IE browser:

Under Firefox browser:

Reply to discussion (solution)

Try refreshing..

First, embed the css style into the html and see if IE loads it. If not, the css is cached. You can change the css file name and load the css
The second possible reason is the html file. Because there is a DOM header, it is changed to a DOM header-less format.

First, embed the css style into the html and see if IE loads it. If not, the css is cached. You can change the css file name and load the css
The second possible reason is that the html file has a DOM header. The reason is to change to DOM header-less format.

I tried the second method, but it didn’t work; I didn’t quite understand what the first method meant, I just changed the CSS file name, I tried both numbers and letters. Doesn't work.

Check whether the file encoding of html and css is consistent

First embed the css style into the html and see if IE loads it. If not, the css is cached. You can change the css file name and then load the css
The second possible reason is that the html file has a DOM header, so change it to a DOM header-less format.

I tried the second method, but it didn’t work; I didn’t quite understand what the first method meant, I just changed the CSS file name, I tried both numbers and letters. Doesn't work.

I just checked and follow the second method to delete the DOM header.
Thank you for your answers! ! real! !