Hacer que un div rotado esté siempre al centro

[madman_18]

Hola a todos!

Tengo problemillas al crear una web....

Veréis, mi idea es que tenga un div en el centro que ocupe todo el largo de la pantalla y tenga un rotate para que parezca que está como "cortado".

El problema que tengo es que cuando le pongo la propiedad

Código CSS:

transform: rotate(32deg);
 

ya no me ocupa el 100% del largo de la página (obviamente).
El resultado que querría es algo parecido a esta web, en la sección de contacto http://www.kryptis.com/#contacts

¿Habría alguna forma de que, con un rotate me ocupe todo el largo de la pantalla?
Mi css que aplico ahora mismo es el siguiente:

Código CSS:

#texto-seccion{background: url("imagenes/contenido.png") repeat scroll 0 0 transparent;color: #FFFFFF;font-size: 12pt;width:50%;height:100%;position:absolute;left:0;transform: rotate(32deg);}
 

Gracias por vuestra ayuda!

[moro666]

Esto, creo, que es mejor hacerlo de otra forma:

Código CSS:

border-color: red red blue blue;
border-style:solid;
border-width:20px;
width:0;
height:0;
 

Prueba combinando colores, es facil de usar!