Można zastosować trik z position
<ul>
<li>
<img class="png" src="http://lorempixel.com/150/150/city">
<span class="title">Logo</span>
</li>
</ul>
ul {
position: relative;
list-style-type: none;
}
ul img {
position: absolute;
display: block;
top: 1.2em;
}
ul .title {
position: absolute;
top: 0;
font-size: 1em;
/* dodane dla demonstracji nie wymagane ;-) */
letter-spacing: 0;
transition: all 0.5s;
}
.png:hover + .title
{
color: green;
/* dodane dla demonstracji nie wymagane ;-) */
letter-spacing: 1em;
}