Отключить горизонтальную прокрутку на Div

Существует дилемма перекрёстного браузера, особенно теперь, когда сафари использует внутренний механизм прокрутки, который плавает сверху.

Когда div с фиксированной высотой содержимого становится больше, чем div, нам нужна полоса прокрутки, но полоса прокрутки забирает некоторую ширину и, таким образом, добавляется горизонтальная полоса. Как предотвратить горизонтальную прокрутку, даже если содержимое имеет большую ширину, я не хочу, чтобы у пользователя была возможность прокручивать содержимое по горизонтали.

Свойство CSS3 overfloww-x:hidden, тем не менее, позволяет пользователю прокручивать страницы влево и вправо с помощью трекпада. Я хочу, чтобы оно было полностью отключено, или решение, которое устранит проблему вертикальной прокрутки, принимая ширину полосы прокрутки от div.

Есть идеи?

Чудесно