Have you had a chance to view this live demonstration? My website has two different stylesheets, one specifically for Internet Explorer and another for regular browsers. Here's how they are set up in the header:
<link rel="stylesheet" type="text/css" href="stylelab.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie_stylelab.css" />
<![endif]-->
Despite thoroughly checking the spelling multiple times, when opening the link from IE (specifically IE v11 in my case), the normal stylesheet is loaded instead of the IE one.
To easily verify if the other CSS is being loaded, the theory states that when accessing the link from any IE browser and executing the menu (bottom right button), it should have a blue background.
What could be missing here?
The IE stylesheet includes all the styles from the normal stylesheet PLUS additional properties needed for it to work correctly. Could this approach be incorrect, and should the IE stylesheet only include the additional properties?