Rotar imagen y texto al mismo tiempo! pruebenlo!!

[ess_sebastian]

Hola,
Estoy intentando hacer una rotacion de imagenes y de texto, como lo hace la pagina de eltiempo.com y de msn.

he intentado utilizar el codigo de eltiempo pero no me rotan las imagenes, el codigo es el siguiente:

Código:

<style type='text/css'  rel='stylesheet'>


#noticiaprinc {
	width: 395px;
	margin: 0 0 10px 0;
	/*z-index:-999;*/
}
#mascara {
	width:393px;
	overflow: hidden;
	/*position:relative;*/
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	/*z-index: 0;*/
}
#contenedor {width: 10000px;}
.ynsnip {
	float:left;
	width: 395px;
	font-size:10px;
	padding: 0 0 5px 0;
	/*z-index:0;*/
}  
.foto {	border-bottom: 1px solid #999; /*z-index:0;*/}
.fscleft {}
.fscleft a {
	display:block; 
	width: 32px; 
	height: 32px;
}
.fscleft a.buttonOn { 
	background: url("/images/flechaizq.gif") no-repeat; 
}
.fscleft a:hover { 
	cursor:hand; 
	background: url("/images/flechaizqover.gif") no-repeat; 
}
.fscleft a strong { 
	display:none; 
}
.fscright a {
	width: 32px;
	height: 32px;
	display: block;
}
.fscright {}
.fscright a.buttonOn { 
	background: url("/images/flechader.gif") no-repeat;
}
.fscright a:hover {
	cursor:hand;
	background: url("/images/flechaderover.gif") no-repeat;
}
.fscright a strong { 
	display:none; 
}
.fscleft a.buttonOff, .fscleft a:hover.buttonOff { 
	cursor: default;
	background: url("/images/flechaizqdisable.gif") no-repeat;
} 
.fscright a.buttonOff, .fscright a:hover.buttonOff {
	cursor: default; background: url("/images/flechaderdisable.gif") no-repeat; 
}
#flechas1{
	position: relative;
	float: left;
	left: 306px;
	bottom: 125px;
}
#flechas2 {
	position: relative;
	float: left;
	left: 315px;
	clear: right;
	bottom: 125px;
}
.pie {
	font-size: 10px;
	padding: 0;
	margin: 2px 0 0 6px;
	/*z-index:0;*/
}
.foto {}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.titulo {
	color: #990000;
	font: bolder 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}


</style>

Simplemente no rota!!!!!

alguien que tenga una idea

Gracias,, chao!