APEX rendering issues in IE10

I'm sure anyone who's tried to write an APEX application that works across the "big 3" browsers - Chrome, Firefox & IE will be familiar with the pain of rendering differences.

Especially when it comes to version differences across Internet Explorer.

Thanks to Trent in the OTN forum, I have this nifty tip if you find some rendering issues in IE10 using APEX that aren't present in 'normal' pages.

Ensure your page template has the meta http-equiv illustrated here

<!--[if (gt IE 9)|!(IE)]>  <!--> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
<!--<![endif]-->

Instead of

<!--[if (gt IE 9)|!(IE)]><!-->  <!--<![endif]-->

I found this improved rendering of (amongst now doubt other issues)

• sliders rendered properly;
• login form fields had expected width;
• and the list template "Featured List with Subtext" rendered consistently.

Scott