Force IE to render in highest compatibility mode available (mostly fix for intranet sites).Edge: Edge mode tells Internet Explorer to display content in the highest mode available. With Internet Explorer 9, this is equivalent to IE9 mode. If a future release of Internet Explorer supported a higher compatibility mode, pages set to edge mode would appear in the highest mode supported by that version. Those same pages would still appear in IE9 mode when viewed with Internet Explorer 9.Helpful link: http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge.
//Add following meta just after the <head> tag start
// Reference: http://stackoverflow.com/questions/2518256/override-intranet-compatibility-mode-ie8
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
// ------- Example: ----
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>sample title</title>
</head>
<body>
</body>
</html>
// ----Still not working? try removing all except doctype before html such as IE specific tags given below:
<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 7]>
<html id="ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html id="ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>