У вас есть эта строка в вашем <head>, в результате чего IE9 отображает страницу в режиме IE7:
<META content=IE=EmulateIE7 http-equiv=X-UA-Compatible>
Если вы удалите это, он будет хорошо отображаться в IE8 и IE9. Тем не менее, он все еще плохо отображает в IE7.
Edit:
В ответ на ваш комментарий я могу повторить проблему с фоном, который больше не является непрозрачным. После некоторого расследования загружается определенный файл скрипта:
http://www.blogger.com/static/v1/jsbin/938506610-ieretrofit.js
Если вы удалите <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> в строке 4 источника и удалите файл ieretrofit.js из строки 1471 источника, страница должна правильно отображаться в IE9.
Поскольку файл ieretrofit.js создается Google, возможно, вы захотите спросить его об этом. Если вы хотите отключить его JUST для IE9 и разрешить его продолжение для IE8 и ниже, вам следует внимательнее взглянуть на строку 1471 источника. Вот фрагмент кода (он довольно длинный, начинается с символа # 2275):
'\74!--[if IE]\76\74script
! - [if IE] является частью условного комментария IE . Вы можете изменить этот фрагмент следующим образом, и он все еще будет нацелен на IE8 и ниже, не влияя на IE9:
'\74!--[if lte IE 8]\76\74script
Дайте мне знать, если у вас возникнут какие-либо проблемы!