Div фон с радиусом в IE9

Question

У меня есть несколько div с радиусом 5 градусов, нанесенным на углы, которые также имеют фоновое изображение.

Это прекрасно работает в Chrome, но у меня проблемы с ними в IE9. Вместо того чтобы получить фон с закругленными углами, я получаю белый ящик с черной рамкой ... хотя углы округлены.

Пожалуйста, см http://www.thecocktailservice.co.uk/

Есть несколько примеров вниз страницы ... В h2 возле левого краев, форма в нижней части страницы, а также свидетельства коробка половина пути.

Любые идеи, почему фон не отображается?

Answer 1

При использовании хрома для проверки этой страницы существует несколько ошибок и предупреждений.

Failed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.) 
http://www.thecocktailservice.co.uk/demos/images/th-slide-env-1.jpgFailed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.) 
http://www.thecocktailservice.co.uk/demos/images/th-slide-civil-2.jpgFailed to load resource: the server responded with a status of 404 (ERROR: The file requested could not be found.) 

Это лишь некоторые из немногих, возможно, захотите изучить эти ошибки.

Кроме того, обивка из линии

padding:2px 30px 7px 30px; 

, кажется, не показывать в IE. Без области, достаточно большой для рендеринга изображения, IE, вероятно, просто оставляет фон пустым.