Arkadaşlar .box adında bir divim var içerisinde bir h1 var .box divini transform ile skew ettiriyorum ama içerisindeki h1 de skew oluyor, bunu nasıl engellerim ? Kodlarım;

Not : Daha doğrusu .box içerisine yaptığım transform h1'i etkilemesin.

html

<div class="box"><h1>HAKKIMIZDA</h1></div>

css

.box {
	width:200px;
	height:50px;
	background:#c03;
	margin:400px;
	-webkit-transform:skew(10deg);
}
.box h1 {
	color:#fff;
	font:24px "Myriad Pro";
	padding-top:10px;
}