Lista con Imagenes y Texto

[davchi]

Lo he solucionado de la siguiente forma:

<style>
.thumbnails{
position:relative;
width:99%;
height:410px;
}

.thumbnails ul{
list-style:none;
position:absolute;
margin:0;
padding:0;
}

.thumbnails li{
position:relative;
display:block;
float:left;
clear:both;

}

.thumbnails li a{
color:#ebc4f6;
text-decoration: none;

}

.thumbnails li div{
position:relative;
display:none;
color:#FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.thumbnails .thumb{
position:relative;
display:block;
float:left;
cursor:pointer;
width:250px;
padding:5px;
color:#fff;
border-width:0 0 1px 0;
overflow:hidden;
}

.thumb img{
display:block;
float:left;
padding-right:5px;
}

.thumb p{
position:relative;
display:block;
overflow:hidden;
margin:0;
}

.thumbnails li:hover .thumb{
background:#56425b;
}
</style>

y en HTML

Código:

<div class="thumbnails">
	<ul>
		<li>
			<a href="#" title="">
				<div class="thumb">
					<img class="ex2" src="images/55/1.jpg" height="70" width="70" alt="" />
	                <p>texto1 <br />texto2 <br />texto3 <br />texto4</p>
	          	</div>
	  		</a>
		</li>
		<li>
			<a href="#" title="">
				<div class="thumb">
					<img class="ex2" src="images/55/2.jpg" height="70" width="70" alt="" />
	                <p>texto1 <br />texto2 <br />texto3 <br />texto4</p>
	          	</div>
	  		</a>
		</li>
		<li>
			<a href="#" title="">
				<div class="thumb">
					<img class="ex2" src="images/55/3.jpg" height="70" width="70" alt="" />
	                <p>texto1 <br />texto2 <br />texto3 <br />texto4</p>
	          	</div>
	  		</a>
		</li>
	</ul>
</div>

Se ve perfecto, pero cuando lo voy a validar, me dice que hay error en "<div class="thumb">" Me dice q no puedo poner ese tipo de elementos dentro de <a>