How can you flip website upside down in IE ? (for the April 1st)

Question

We are making April 1st prank in our office, and wanted to flip our corporate website upside down for several hours tomorrow :)

My patch works everywhere but not in IE... Can anyone help ?

<script type="text/javascript">
   document.body.style.MozTransform = 'rotate(180deg)';
   document.body.style['-webkit-transform'] = 'rotate(180deg)';
</script>

Answer 1

Try this: http://msdn.microsoft.com/en-us/library/ms533014(VS.85,loband).aspx

Answer 2

A slightly simpler version for IE (no matrix stuff):

body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

Answer 3

Your CSS is specific to webkit and firefox.

You will need to use -ms-transform in IE9, otherwise check out this link for other versions of IE

Answer 4

EDIT: This doesn't work.

Try

body {
     -moz-transform: rotate(180deg);  
       -o-transform: rotate(180deg);  
  -webkit-transform: rotate(180deg);  
      -ms-transform: rotate(180deg);  
          transform: rotate(180deg);  
             filter: progid:DXImageTransform.Microsoft.Matrix( 
                     M11=-1, M12=-1.2246063538223773e-16, M21=1.2246063538223773e-16, M22=-1, sizingMethod='auto expand');
               zoom: 1;
}

Demo: http://static.arounds.org/moz.html

Generated with: http://css3please.com/