Не могу обрезать повёрнутый блок

[74LS00]

Есть  таблица с данными по диагонали, я её вставил в блок

.povorot{
	 -moz-transform: rotate(45deg);
}

данные стали вертикально, но от блока остались углы., левый и верхний угол обрезать получается сдвинув их за экран

.obrezka{
	background-color:red;
	margin-left: -1095px; /*1354*/
	margin-top: -330px;
}

но вот с правым ничего сделать не могу.

Пробовал задавать  ширину блоков и body, ничего не даёт, повёрнутый блок на них не реагирует.

Нужно отпилить теперь уже правый угол чтоб убрать горизонтальною прокрутку, что была чистая страница пригодная для печати.

Думал о фрейме, но вроде как его нельзя распечатать.

Может есть какието решения?

Вот сама страница для firefox https://74ls00.github.io/nuctab/index.htm

[SelenIT]

Поставьте oveflow:hidden обрезке. И уберите все пиксельные margin-ы отовсюду и width у .povorot, а взамен отцентрируйте его флексбоксами (display:flex; justify-content:center для обрезки) — так он будет центрироваться даже при меньшей ширине окна, выступающие углы обрежутся — и добавьте обрезке же padding сверху и снизу по 60em, чтобы дать место для верхнего и нижнего углов (ведь transform не меняет геометрических размеров блока, с точки зрения раскладки блок формально занимает то же место, какое занимал бы без трансформации, поэтому его родителя надо расширить явно).

А почему ограничение именно для Firefox? Ведь трансформации все браузеры, даже дремучий IE10, давно понимают без префикса. Достаточно поменять -moz-transform на обычный transform, и страница станет кроссбраузерной...