Div - 宽度200％，无X滚动条

Question

我有CSS3的问题，我需要制作一个具有特定形状的背景。我使用CSS3变换来旋转矩形。但我需要比显示分辨率更大的矩形，并从包装div（“字母”）的左侧居中。如何隐藏X线滚动条？或者有另一种方法如何解决这个问题？ （是的，我可以使用图像作为背景，这很容易，但我尝试使用CSS3。）谢谢你们，对不起我的英语不好。

这是一个例子：

.letter {
   position: relative;
   width: 1000px;
   margin: 0 auto 0 auto;
}

.letter .shape {
    position: absolute;
    width: 2000px;
    height: 300px;
    left: -500px;
    transform: rotate(-20deg);
    background: rgb(25,171,255);
}