[CSS][HTML] Pozycjonowanie vertykalne Opcje

[Micchaleq]

Witam wszystkich,

Może i dla wielu z was jest to błachy problem, ale ja zaraz powyrywam sobie włosy z głowy i nie dojde do tego dlaczego się tak dzieje.

Otóż jeden kawałek kodu działa a drugi nie chociaż moim zdaniem jest napisany w identyczny sposób.

Dla wyjasnienia tekst w klasie opis wyświetla się na środku tak jak jest to zadeklarowane, natomiast zdjęcie nie.

[PHP] pobierz, plaintext 
.realizacja{
	width: 480px;
	height: 200px;
}
#realizacje .img_box{
        height: 200px;
	width: 200px;
        background-color: #fff;
}
#realizacje .img{
        background-color: #fff;
        display: table-cell;
	vertical-align: middle;
}
 
#realizacje .opis{
	width: 260px;
	height: 160px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	display:table-cell;
        font-family: calibri;
        font-size: 12px;
}
#realizacje .href{
	width: 280px;
	height: 30px;
	display: block;
	text-align: center;
}
#realizacje a{
    text-decoration: none;
    font-family: calibri;
    font-size: 12px;
    color: white;
}
#realizacje a:hover{
    font-weight: bold;
}
 
 
<div class="realizacja f_l">
                <a href="#">
                    <span class="img_box f_l">
                        <span class="img">Tu Obrazek o szerokości 200 a wysokośc 100</span>
                    </span>                
                </a>
		<span class="desc f_l">
			<span class="opis">jakiś opis ... czytaj dalej -></a></span>
			<span class="href"><a href="#">Link</a></span>
		</span>
		<div class="cls"></div>
	</div>
[PHP] pobierz, plaintext 

Bardzo proszę o informacje dlaczego się to tak dzieje albo gdzie konkretnie strzeliłem gafe?