Magento: Help the tabs aren’t working in IE9!

If you’re running Magento and on the product detail page the tabs, for description, tags et cetera aren’t working in IE9 the problem lies in a prototype or IE9 bug. The easiest way of fixing this is changing one line of javascript.

When you open the template file of the tabs, which is catalog/product/view/tabs.phtml, you’ll find a line which says:

ul.getElementsBySelector('li', 'ol').each(function(el){

The solution is to remove the second parameter of this getElementsBySelector method, so the line looks like:

ul.getElementsBySelector('li').each(function(el){

Another solution I found on the internet is adding a meta tag which makes IE9 render the page in IE8 mode. But this is the same as sticking your head in the sand, or putting some buck-tape on a flashing warning light in your car.