Button css hover does not work ie8

[dstebo]

css hover does not work ie8

 

This works fine in Chrome and Firefox, but the hover effect does not happen in Internet Explorer 8.

 

Is there a way to make this effect work with IE8 as well?

 

Any ideas?

 

CODE Page product_info.php

<div class="bs_shopping">
<?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('buttons.png', '', 'class="bt" '); ?>
</div>

 

 

CODE CSS

input.bt, a.bt {
 background:url(images/infobox/allimages.png) no-repeat 1000em 50%;
 display:block;
 line-height:80px;
 overflow:hidden;
 text-indent:-9999em;
}
.bs_shopping .bt {
 background-position:0 0px;
 width:210px;
 height:57px;
}
.bs_shopping .bt:hover {
 background-position:0 -58px;
}

[dstebo]

Any ideas?

[dstebo]

help?

[dstebo]

has solution?

[♥14steve14]

try putting Button css hover does not work ie8 into googlee. you may find your answer there