IE8 bug - границы и ширина на плавающем изображении

Question

Странно, что у меня есть эта ошибка в IE8, а не в IE7, где она хорошо отображается:

http://www.axiscirugiadecolumna.com/

Я использую плагин WordPress для тени + ленты(Я жестко закодировал ленту внутри плагина тени).Граница просто css, но в IE8 правая граница не будет отображаться, и я просто не знаю, почему.

Мой html следующий:

<div class="alignright" style="overflow:hidden;display:table;line-height:0;text-align:center;width:453px;">
   <div class="ribboncontainer">
       <div class="ribbon"></div>
       <img height="297" width="453" style="padding:0 !important; margin:0 !important; max-width:100% !important;" alt="" src="http://www.axiscirugiadecolumna.com/wp-content/uploads/2011/11/foto1.png" title="foto1" class=" size-full wp-image-143 shadow_curl">
       <br><img style="margin:0 !important;height:10px;width:100%;-moz-opacity:.75;opacity:.75;" class="shadow_img" src="http://www.axiscirugiadecolumna.com/wp-content/plugins/shadows/shadow_curl.png">
   </div>
</div>

Это после применения плагина.Встроенные стили применяются плагином.

И мой css:

.alignright, .aligncenter, .alignleft {
   margin: 5px;
   padding-right: 5px;
   float: right;
 }
 .ribbon {
   background-image: url("ribbon.png");
   bottom: 21px;
   height: 40px;
   position: absolute;
   right: -5px;
   width: 154px;
   z-index: 888;
 }
 .ribboncontainer {
    position: relative;
 }
 .shadow_curl {
    border: 6px solid #BAD5BC;/*Right border is missing in IE*/
  }

Я думаю, что проблема сохраняется, даже если я избавляюсь от классов ленты и элементов div.

Answer 1

Ну, это потому, что IE8 (я также тестировал вашу страницу на IE7) - и оба не поддерживают правило CSS "box-shadow" в вашем файле style.css (строка 171). Если вы настаиваете на использовании тени (как я предполагаю), вы должны использовать прозрачный файл png / gif для этих браузеров. Помните, что IE6 не поддерживает нативные файлы png, поэтому лучше использовать gif.

Answer 2

Удалить это

max-width: 100%;

style.css (строка 894) img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img