Carrosel jquery desalinhando

[Noob Web 1]

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;}