Lista con Imagenes y Texto

[davchi]

Ya aca modifique el ejemplo que me paso Lobito14

Código:

<style type="text/css">
ul.masve {}

li.masve {
list-style-type: none;
width:99%;
}

li.masve a {
text-decoration: none;
display: block;
text-align: left;
color:#FFF;
padding: 2px 0;
height: 76px;
}

li.masve :hover {
text-decoration: none;
display: block;
text-align: left;
background: #56425b;
padding: 2px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

li.masve a img {
display: block;
margin: 2px 0 0 5px;
max-width: 70px;
float:left;
}

li.masve ul{
list-style: none;
padding-left: 80px;
}
li.masve a ul {
list-style: none;
padding-left: 80px;
padding-top: 2px;
}

li.masve :hover ul  {
list-style: none;
padding-left: 80px;
padding-top: 2px;
}
</style>

y en HTML:

Código:

<ul class="masve">
    <li class="masve">
        <a href="url" title="">
            <img class="ex2" src="images/55/19.jpg" height="70" width="70" alt="" />
            <ul>
                <li>Texto1</li>
                <li>Texto2</li>
                <li>Texto3</li>
                <li>Texto4</li>
            </ul>
        </a>
    </li>
 
    <li class="masve">
        <a href="url" title="">
            <img class="ex2" src="images/55/20.jpg" height="70" width="70" alt="" />
            <ul>
                <li>Texto1</li>
                <li>Texto2</li>
                <li>Texto3</li>
                <li>Texto4</li>
            </ul>
        </a>
    </li>
    <li class="masve">
        <a href="url" title="">
            <img class="ex2" src="images/55/21.jpg" height="70" width="70" alt="" />
            <ul>
                <li>Texto1</li>
                <li>Texto2</li>
                <li>Texto3</li>
                <li>Texto4</li>
            </ul>
        </a>
    </li>
</ul>

Pero sigo poniendo dentro de la etiqueta <a> otro elemento por lo q no se valida bien

Alguna sugerencia