anchor.diff:      }
       #buttons a {
           display:block;
  -        width:31px;
  -        height:32px;
  -       // text-indent:-999em;
  -        float:left;
  -        outline:0;
  -    }
  -
  -    .clear {clear:both}
  +        height: 52px;
  +	    margin-top: 60%;
  +	    outline: 0 none;
  +	    position: absolute;
  +	    text-indent: -9999px;
  +	    top: 49%;
  +	    width: 28px;
  +	    z-index: 9999;
  +    }
  +	#buttons a:hover
  +	{
  +	 text-decoration:none;
  +	}
  +	.clear {clear:both}
  +    #prev
  +    {
  +        left:180px;
  +        background: url("/assets/left_arrow.png") repeat scroll 0 0 transparent;
  +    }
  +    
  +    #next
  +    {
  + 
  +    right:150px;
  +    background: url("/assets/right_arrow.png") repeat scroll 0 0 transparent;
  +    }
   
   </style>
   <div class="container">					
  
positive.code:         list-style:none;
          margin:0;
          padding:0;    
          width:1000px;            
      }
      /* width of the item, in this case I put 250x250x gif */
      #slides li {
  
negative.code: 		
  <div id="carousel">
  <div id="buttons">
          <a href="#" id="prev"><</a>
          <a href="#" id="next" style="margin-left:20px;">></a>
          <div class="clear"></div>
      </div>
      
  