Выводятся пять одинаковых графический файлов вот таким кодом:

<div class="menu_name"><img src="/images/test-110116.gif" /></div>
<div class="menu_name"><img src="/images/test-110116.gif" /></div>
<div class="menu_name"><img src="/images/test-110116.gif" /></div>
<div class="menu_name"><img src="/images/test-110116.gif" /></div>
<div class="menu_name"><img src="/images/test-110116.gif" /></div>

.menu_name {
text-align: center; 
margin: 0; 
padding: 0; 
text-indent: 0;
background:#06F;
}
 
.menu_name img {
margin: 0; 
padding: 0; 
width: 75%; 
height: auto; 
float: none;
}

При этом между ними образуются небольшие просветы, которые кодом, явно не предусмотрены:


На странице много разных CSS, которые, в принципе, могли бы повлиять, но инспектор Хрома ничего не показывает ни для блока, ни для графики:




Графический файл по цвету однородный (вложение).

Откуда берется проблема?

Пропиши height явно.

https://jsfiddle.net/qo4qhLya/

Спасибо, но это не очень хорошая идея, поскольку на резиновой верстке все разваливается.

Ну вот так тогда можно https://jsfiddle.net/qo4qhLya/1/

Да, так заработало!

Спасибо!

.menu_name img {
vertical-align:middle;
}