Три картинки расположены рядом. Размеры левой и правой картинок равны ширине соответствующих блоков, а средняя картинка уже среднего блока, в котором она расположена.

Хочется эту среднюю картинку размстить по середине ее блока, а она сползает влево...

Почему?

        <div id="Top_info">    
	<div class="left"><img src="top-info-left.gif"></div>
        	<div class="center"><img src="top-info-center.jpg"></div>
        	<div class="right"><img src="top-info-right.gif" ></div>
        	<div class="clear"></div>
        </div>

#Top_info {overflow:hidden; max-width:1250px; margin:0 auto; padding: 1% 0 1% 0; background-color:#FFF; vertical-align:middle}

#Top_info .left {float:left; width:20%; }
#Top_info .left img {width:100%; height:auto; }

#Top_info .center {float:left; width:60%; }
#Top_info .center img {width:95%; height:auto; text-align:center; }

#Top_info .right {float:right; width:20%;}
#Top_info .right img {width:100%; height:auto; }
.clear {position:relative;display:block;clear:both;}