Let's set up an IE stylesheet.
header.php
template file, add the following code after your full stylesheet call:<!--[if IE]> <link rel='stylesheet" type='text/css" href="ie-fix.css" media='screen, projection" /> <![endif]-->
header.php
file.ie-fix.css
and save it to your theme's directory (that is, the same folder your stylesheet is in). This is where any IE-specific CSS will go.We created a new IE-only stylesheet, and added a conditional tag in the header.php
file to call it only when the theme is being run in IE.
The <!--[if IE]>
and <![endif]-->
tags are essential. The first one checks if the page is being viewed in IE, and the second ends the conditional tag, ensuring that all code after it is run by all browsers.