Merhaba,
Soruyu yanlış anlamışım,pekala şöyle bir şey yapılabilir;
li içerisindeki metni span içerisine (başka bi etikette olabilir) alalım ve o span'a da font-size sığacak şekilde güncelleyelim.

ve daha sonra #populerdiziler ul li img {vertical-align:middle;} özelliğini silelim tamamen, burada gerek kalmıyor ve #populerdiziler ul li span {font-size:12px;float:right;line-height:170px;} şunu ekleyelim,burada; span içeriğimizi sola yasladık resmin sağına dayadık ve div yüksekliğinin yarısı kadar (340px/2 = 170) bi değer girelim.test ettim çalıştı.


Örn;

 <div id="populerdiziler">
        <ul>
            <li><img src="#" width="75" height="180"> <span>The Last Game1</span> </li>
        </ul>
    </div>

#populerdiziler {float:left; width:260px; height:340px; border:1px solid red; overflow-y:scroll}
#populerdiziler ul li {float:left;display:block; margin:5px; border:1px solid red; }
#populerdiziler ul li img {}
#populerdiziler ul li span {font-size:12px;float:right;line-height:170px;}