Carrosel jquery desalinhando

Meu carrosel esta alinhado no centro mas de vez em quando ele vai para a esquerda não sei o que esta causando isso.

<script type="text/javascript">
$(function () {
	$(".anuncio ul").cycle({
 fx: 'fade',
 speed: 1500,
 timeout: 3000,
 })
	})

</script>

<script type="text/javascript">
$(function () {
	$(".texto ul").cycle({
 fx: 'fade',
 speed: 1500,
 timeout: 3000,

 })
	})
</script>

<section id="conteudo">

<section class="banner">

<div class="anuncio">

	<h1><ul>
 <li><img src="img/banner.jpg"/></li>
 <li><img src="img/banner2.jpg"/></li>
 <li><img src="img/banner.jpg"/></li>
 <li><img src="img/banner2.jpg"/></li>
 </ul></h1>
 </div>

 <div class="texto">

 <h1><ul>
 <li>AAAAAAAAAAAAA</li>
 <li>BBBBBBBBBBBBB</li>
 <li>CCCCCCCCCCCCCC</li>
 <li>DDDDDDDDDDDDD</li>
 </ul></h1>
 </div>

</section>

.anuncio ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top:160px; padding:0px; }

.texto{font-size:50px; color: ; font-family:Georgia; text-shadow: #000000;}

.texto ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top: -100px; padding:0px;}

.texto li{ width:500px; height:300px;}

.banner ul{animation: anime 1s ease-in-out 0.5s backwards; -moz-animation: anime 1s ease-in-out 0.5s backwards;
-webkit-animation: anime 1s ease-in-out 0.5s backwards;}