Hi, the timer images don't display!! Why?

This is a css:

/* CONTAINER */
div.orbit { margin: 0 auto; width: 1px; height: 1px; overflow: hidden; position: relative; background: url('images/loading.gif') no-repeat center center; }
div.orbit .orbit-item { position: absolute; top: 0; left: 0; }
div.orbit .orbit-item A,
div.orbit .orbit-item IMG { display: block; position: relative; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px;
opacity: .6; cursor: pointer; z-index: 1000; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('images/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('images/timer-black.png') repeat 0px 0px; }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('images/pause-black.png') no-repeat; z-index: 4;
opacity: 0; }
div.timer:hover span.pause,
span.pause.active,
div.timer:hover span.pause.active {
opacity: 1; }

/* CAPTIONS */
div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-50px; color: #fff; }
div.caption p { padding: 8px 10px 8px; font-size: 12px;
text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; }
.orbit-caption { display: none; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -16px; cursor: pointer; }
div.slider-nav span.right { background: url('images/right-arrow.png'); right: 10px; }
div.slider-nav span.left { background: url('images/left-arrow.png'); left: 10px; }

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; top: 10px; left: 7px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 560px; margin-top: 275px; cursor: pointer; color: #999; text-indent: -9999px; background: url(images/bullets.png) no-repeat; 0 0; width: 7px; height: 7px; overflow: hidden; }
.orbit-bullets li.active { color: #222; background-position: -7px 0; }

Hello,

The module is based on Orbit Slider jQuery plugin. This plugin uses CSS 3 that create timer animation, but IE 6 - 8, doesn't support CSS 3.

Regards,
ARI Soft

Thanks admin,

there is a hack?
thanks again

What you mean under a hack? IE 6 - 8 doesn't support CSS specification version 3.0 because timer is not shown into these browsers. You can read about it on official Orbit Slider jQuery plugin page.

Regards,
ARI Soft