Проблемы с кросплатформенностью страниц на сайте :: В помощь вебмастеру

Прошу гуру помочь. Я наполняю контентом сайт http://jkdesign.ru Сайт на WP. В разделе "Команда" обнаружилась следующая проблема: При вертикальном просмотре на АйПланшете фотки сотрудников вытягиваются. В шаблоне сайта http://wpexplorer-demos.com/surplus таких проблем нет. Как устранить данную проблему?

Добавлено:
На всякий случай таблица стилей CSS

Код:

/* = Staff
/*-----------------------------------------------------------------------------------*/
#staff-description { margin-bottom: 25px }
#staff-description p:last-child { margin: 0 }
/*staff page*/
#staff-wrap { margin-top: 25px; margin-bottom: -40px; overflow: hidden; }
.staff-department-wrap { margin-right: -25px; overflow: hidden; margin-bottom: 20px; }
#staff-wrap h2 { margin: 0; font-family: "Open Sans"; font-size: 14px; font-weight: 700; color: #333; text-shadow: none; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#staff-wrap span { color: #aaa; margin-right: 10px; }
.staff-member { position: relative; width: 230px; float: left; margin-right: 20px; margin-bottom: 20px; }
.staff-img img { display: block; width: 100%; margin-bottom: 10px; }
.staff-meta { margin: 0px; font-size: 12px; margin-top: 5px; padding: 15px; background: #eee; color: #999; border-top: 2px solid #000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
.staff-member:hover h3 { color: #fff }
.staff-member:hover .staff-meta { background: #000; text-shadow: none; }
.staff-meta h3 { font-size: 12px; text-transform: uppercase; margin: 0; font-family: "Open Sans"; }

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки