IE8 issue with sidebar badges

Hi all!

i have found a problem in the "Fashion" template. In IE8 the suffix (hot,top,new) is not displayed well. The badges are behind the boxes in the sidebar.

You can see this issue in your demo template

> http://demo.gavick.com/joomla25/fashion ... variations

using IE8. I found no solution (using z-index, etc in ie8.css) Any ideas?

Thanks in advance for a solution and best regards ...

Steve

Hi

Reported to programmers.

Please try to add this code to css/ie/ie8.css file and let me know about results

Code: Select all

.box.top,
.box.top > div,
.box.hot,
.box.hot > div,
.box.new,
.box.new > div {
   position: relative; z-index: -100;
}

.box.top:before,
.box.hot:before,
.box.new:before {
   position: absolute; z-index: 9999;content:  ""; display:  block;
   
}