Html IE中文本容器的奇怪背景色

我做了一个简单的图片幻灯片，下面的文字会随着相关图片的变化而变化。这似乎在除IE8之外的所有浏览器上都能正常工作，文本似乎应用了奇怪的灰色背景色，尽管它没有应用背景色或任何背景图像

html和css如下所示：

HTML:

脚本：

<script type="text/javascript">
$(document).ready(function() {  
      $('.slideshow').cycle({fx: 'fade',    pause: 1,  prev: '#prev',   next: '#next'});
        $('.info').cycle({fx:'fade', speed:  10 , prev: '#prev', next: '#next'});
        $('.info').cycle({cleartypeNoBg: true});
});
</script>

$（文档）.ready（函数（）{
$（'.slideshow'）。循环（{fx:'fade'，pause:1，prev:'prev'，next:'next'}）；
$（'.info'）。循环（{fx:'fade'，速度：10，上一个：'prev'，下一个：'next'}）；
$（'.info'）.cycle（{cleartypeNoBg:true}）；
});

我认为问题可能是cleartype

看看jCycle是如何修复的

.info {
list-style-type:none; z-index:150;  top:100px;  left:40px; width:300px;   height:200px;  }

<script type="text/javascript">
$(document).ready(function() {  
      $('.slideshow').cycle({fx: 'fade',    pause: 1,  prev: '#prev',   next: '#next'});
        $('.info').cycle({fx:'fade', speed:  10 , prev: '#prev', next: '#next'});
        $('.info').cycle({cleartypeNoBg: true});
});
</script>