Проблема с overflow-x

Установила overflow-x:auto , но не получается что то... (css я знаю хорошо, но что то не пойму в чем прикол)
Вот пациент ссылка

WebAir, а в чем проблема?
В смысле, что хочется иметь в итоге?

parkgraphic, В итоге хочется чтобы был горизонтальный скрoлл, а не вертикальный(почему то получился вертикальный, хотя задано overflow-x). Почему то изображения переносятся вниз, а не идут горизонтально друг за другом.

WebAir, у меня получилось вроде.
ща, обождите минуты 3, напишу по порядку

Word-wrap: break-word - в нём по идее должна быть проблема

В #addphoto у img уберите float:left в разметке.
Во-первых, стили в разметке - это грех.
Во-вторых img - линейный элемент, он итак выстроится друг за другом.
Затем задайте #addphoto нужную высоту (у меня в 117px вписалось) и назначьте overflow-y:hidden, чтобы убрать вертикальный скролл.
И вообще, если задаете overflow по одной оси, то задавайте и по второй

Результат проверен в инспекторе на вебките

Svetozor, вы имели ввиду white-space: nowrap?
В любом случае это не причем.

parkgraphic, нет. именно word-wrap: break-word. Он наследуется от body. Можно попробовать его убрать и посмотреть что будет

Svetozor, да ничего не будет, он относится к словам. На то и word-wrap

parkgraphic, браузеры могут иметь на это своё мнение. Я бы советовал всё же попробовать. Дело минутное.

Svetozor, ок, попробовал. Стою на своем.

Цитата ("parkgraphic"):

В #addphoto у img уберите float:left в разметке.
Во-первых, стили в разметке - это грех.
Во-вторых img - линейный элемент, он итак выстроится друг за другом.
Затем задайте #addphoto нужную высоту (у меня в 117px вписалось) и назначьте overflow-y:hidden, чтобы убрать вертикальный скролл.
И вообще, если задаете overflow по одной оси, то задавайте и по второй

Результат проверен в инспекторе на вебките

float:left задается через визуальный редактор (автоматически), можно его убрать, ок.
Я просто не подозревала что из-за float может быть столько проблем. Спасибо!

WebAir, чем меньше код - тем меньше проблем)