CSS border-box, transform syntax with IE9 compatibility

border-box-transform.css

/* 
 * Box sizing border-box will help to prevent padding inside a container affecting outer size.
 */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/*
 * Doing a rotation
 */
div.mydiv {
    transform-origin:right top 0;
    transform: rotate(90deg) translateY(0%) translateX(100%);
}

/*
 *  Compatibility only for IE 9
 *  
 *  <!--[if IE 9]>
 *  <link rel="stylesheet" href="style.ie9.css" media="all" />
 *  <![endif]-->
 */
div.mydiv1 {
    -ms-transform: translate(0px, -23px);
}

div.mydiv2 {
    -ms-transform: rotate(90deg) translate(-105px,0px);
    -ms-transform-origin: 30% 100%;  
}