Настроить адаптивный виджет ВКонтакте

[melsp]

Добрый день!

 

Хочу сделать виджет паблика ВКонтакте адаптивным по ширине и высоте.

С шириной получилось. Код следующий:

 

В стилях прописал:

 

#vk_groups, #vk_groups iframe {
width: 100% !important;
}

Код виджета следующий:

 

<p>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script><!-- VK Widget --></p>
<div id="vk_groups">
 </div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "auto", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 112571402);
</script>
<p>
 </p>

Адаптируется нормально до поры до времени, потом все съезжает: http://joxi.ru/12MZzaps4R3VWA

 

Если объявить в стилях и прописать height: "auto" в скрипте, то пропадает кнопка "Подписаться на новости" и сам виджет сжимается по высоте до минимума (в одну строку участников).

 

Подскажите, пожалуйста, кто в курсе, как правильно адаптировать виджет по высоте с сохранением всех кнопок?