Странное поведение CSS в Chrome для Facebook, как окно

Насколько я вижу, в вашем поле servicebox (которое содержит подобное поле) у вас есть div с классом serviceheading, который имеет float: left;. Я предполагаю, что это может вызвать у вас проблемы, потому что сам servicebox не имеет никаких свойств для содержания поплавков. Вы можете попробовать добавить clearfix решение для .servicebox или попробовать добавить overflow: hidden; в качестве быстрого исправления. Это может решить вашу первую проблему.

Что касается второго вопроса. Я бы попробовал добавить некоторые свойства, чтобы проверить, помогают ли они.

• сделайте .fb_iframe_widget очистку плавающего логотипа с помощью clear: left; Это сделает этот блок всегда под логотипом.
• сделать .fb_iframe_widget блочным элементом с помощью display: block; (сейчас это inline-block). Он автоматически присвоит ему ширину родительского элемента (303 пикселя).
• сделайте следующий селектор .fb_iframe_widget iframe и добавьте к нему max-width: 100%;. Эти стили гарантируют, что iframe не станет больше, поэтому кнопки прокрутки вероятно исчезнут.

Надеюсь, это поможет.

ОБНОВЛЕНИЕ

По какой-то причине, когда нажата кнопка «Назад», <span> внутри .fb_iframe_widget устанавливалась на высоту и ширину 0px. Следующее решает проблему, хотя это немного взломано, а высота и ширина должны быть жестко запрограммированы:

.fb_iframe_widget iframe
{
    height: 230px !important;
    width: 300px !important;    
}

.fb_iframe_widget span
{
    height: 230px !important;
    width: 300px !important;    
}