Validation messages in weird places with IE 9

If you experience that after clicking the order submission button the validation fields are displayed on bottom of the page (or not in right places) with Internet Explorer 9, then you have to verify that your site is using latest Prototype javascript library (js/prototype/prototype.js) or newer than 1.7.0.0 . The reason why this is happening is that older versions of Prototype library do not support Internet Explorer 9 .

There are two fast solutions for this:

  • replace the prototype library with the latest available from http://www.prototypejs.org/download (don't forget to backup and test if all your site functionality is in place afterwards)
  • force your site to render with ie8 compatibility mode by adding following meta tag to be the first meta tag in your header: