Another small cosmetic change for IE8
The flexible 3D slider selection arrows show permanently and scroll over the top of the menu etc..
to fix go to - modules/mod_flexible_3d_slider/assets/flexible3dslider.css ~ line 83 and add to the bottom of
#next, #prev {
position: absolute;
top: 50%;
margin-top:-52px;
width: 52px;
height: 102px;
background-image: url(prevnext.png);
background-repeat:no-repeat;
display: block;
-webkit-transition: background .4s, opacity 0.3s linear;
-o-transition: background .4s, opacity 0.3s linear;
-moz-transition: background .4s, opacity 0.3s linear;
transition: background .4s, opacity 0.3s linear;
z-index:99999;
opacity:0;
}
#viewport-shadow:hover #next, #viewport-shadow:hover #prev {
opacity:1;
}
so it looks like this
#next, #prev {
position: absolute;
top: 50%;
margin-top:-52px;
width: 52px;
height: 102px;
background-image: url(prevnext.png);
background-repeat:no-repeat;
display: block;
-webkit-transition: background .4s, opacity 0.3s linear;
-o-transition: background .4s, opacity 0.3s linear;
-moz-transition: background .4s, opacity 0.3s linear;
transition: background .4s, opacity 0.3s linear;
z-index:99999;
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#viewport-shadow:hover #next, #viewport-shadow:hover #prev {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
cheers