When working in html5, you can wrap a div inside an anchor tag. But I am facing an issue with the text decoration as text-decoration:none doesn't seem to work.
<div id="messageconv">
<a href="#">
<div class="messageconv">
<img src="http://icons.iconarchive.com/icons/hopstarter/soft-scraps/16/Button-Blank-Red-icon.png" alt="">
<img src="http://www.cqed.org/IMG/cache-30x30/5a528e158e13938e9c7ac616a6cd6d0b-30x30.png" alt="">
test
</div>
</a>
</div>
CSS:
#messageconv {
height:292px;
border: 1px solid #cfced8;
margin-right:5px;
width:170px;
float:left;
text-align:left;
}
.messageconv {
background-color:#e7e5f1;
padding:5px;
margin:2px;
}
.messageconv img {
vertical-align:middle;
margin-right:5px;
border:0px;
}
.messageconv a {
text-decoration: none;
}
Check out an example here.