Imagens Transparente dentro do Slide no ie7 e ie8

Bom dia

Estou com um problema no ie7 e ie8 as imagens png do meu slide não fica transparente, sei que estes dois navegadores tem suporte para esse tipo de imagens, tanto que eu tenho outras imagens transparente dentro do site e a transparência funciona certinho.

Agora no slide não esta funcionado se eu tira elas do javacript elas fica transparante normalmente, mas sem o javascript o slide não funciona.

Os únicos navegadores que estão dando esse problema é somente o ie7 e ie8, o ie9 e ie10 funciona perfeitamente.

Já testei vários métodos por exemplos aquivos htc e filter do explores e nada.

Precisando muito de uma luz. Vou postar o código em html, css e do javascript.

Amigos ajudem ai.

html

<div class="slaids">

 <div class="slaids-itens">
 <ul>
 <li><a href="xxx.php"><img src="http://localhost/cliente/imagens/xxxx- banner.png" alt=""/></a></li>
 <li><a href="xxx.php"><img src="imagens/xxxx.png" alt=""/></a></li>
 <li><a href="xxx.php"><img src="imagens/xxx.png" alt=""/></a></li>

 <li><a href="xxxx-xxx.php"><img src="imagens/xxx.png" alt=""/></a></li>
 </ul>
 </div>
 </div>

/SLAIDS/

.slaids {
	float:left;
	width:750px;
	height:350px;
	;

}

.slaids-itens ul{

	width:700px;
	height:310px;
	margin:10px;
	position:absolute;
	z-index:2;
	margin-left:50px\0/;
	margin-top:30px\0/;

}

/PAGER/
/ curso do sliads/

.pager{

	position:absolute;
	z-index:1;
	top:10px;
	margin-rigth:10px;
	right:178px;

}

/transfornando o formato do curso/
.pager a{

	display:block;
	width:5px;
	right:5px;
	padding:8px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	background:#CCC;
	margin:10px 3px;
	behavior: url(border-radius.htc);
	cursor:pointer;

}

/cor do cursor do slaids a ação do mause /
.pager a:hover{

	background:#063;

}

/cor do cursor do slaids sem mause /
.pager a.slaidativado{

	background:#063;

}

javascript

$(function (){

	$(".slaids-itens ul").cycle({

 fx: 'fade',
 timeout:9000,
 pager: $('.pager'),
 pagerAnchorBuilder:function(index,DOMelement){
 return '<a></a>';
 },
 activePagerClass:'slaid'
 });

 });