CSS image transform for IE

[cmr42]

I'm trying to get my website to be cross/multi browser compatible at the moment, and it is proving to be a pain in the ass. The CSS works fine for FF, Safari and Chrome, but is not functioning in IE.

The CSS is:

#two {float: right;
position: relative;
width: 200px;
height: 200px;
margin: 20px;
color: #134b96;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
border-width: 3px;
border-style: solid;
border-color: #FCF93D;
outlineStyle: solid;
outlineWidth: 1px;
outline-color: #FFFFFF;
z-index:0;
behavior:url(-ms-transform.htc);
-moz-transform:rotate(10deg);
-webkit-transform:rotate(10deg);
-o-transform:rotate(10deg);
-ms-transform:rotate(10deg);
}
#two:hover {
-moz-transform:rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform:rotate(-30deg);
-ms-transform: rotate(-30deg);
}

Can somebody suggest a remedy for this issue?