Горизонтальное переполнение происходит с помощью CSS3 3D преобразований

Question

У меня проблема на http://mr.si/ с CSS3 3D преобразованием.Я делаю это просто для удовольствия и изучаю новые функции CSS, но это беспокоит меня.

Проблема возникает при наведении курсора на последние два элемента подряд.В дополнение к желаемому эффекту случается что-то нежелательное - элемент резко переполняется по горизонтали и появляется горизонтальная полоса прокрутки, что совсем не приятно.

Возможно, это ошибка WebKit, но она встречается в последней сборке Chrome Developer и Safari 5, так что, вероятно,это не так.

Есть идеи, что я сделал не так?

РЕДАКТИРОВАТЬ: Стоит отметить, что я изменил сайт, так что это больше не актуально: P

Answer 1

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

Однако я нашел простое исправление:

#main section {
overflow: hidden;
// the rest of your css declarations
}

Это скорееисправление, а не понимание того, почему он делает странные вещи, но я надеюсь, что это поможет.