rotate and its properties

When using

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);;

does its properties rotate with it or do they stay the same, for example does the margin top become the left, or d开发者_如何转开发oes margin top stay at the top?

Think it's me being stupid but having some weird things happing when trying style the elements

It seems to depend on the browser. See this example: http://jsbin.com/ihico

IE and firefox do not rotate the margin, while webkit does.

For consistency, try using padding on the container instead.