So Iíve decided to go through a book - cover to cover covering some int-adv animations. And iím touching on EVERY example. No matter how rudimentary or obvious it may seem. You know, like stretching before a game of bball. Well. thank the lord I didÖ I have this silly bit of code that has been throwing me for a loop.

Iím just trying to skew this img positively in the x direction aaaaaaaand, itís working - but backwards.
What the hell?? Is there something iím not seeing here??

<!DOCTYPE html>
<html>
<head>
<title>Simple CSS3 Transformation</title> </head>
<body>
<img src="img/blackmilk.jpg" alt="Black Milk" style="width: 300px; height: 300px; float: left; margin: 0 2em 1.4em 0;
-moz-transform: skewX(21deg); -o-transform: skewX(21deg);
-ms-transform: skewX(21deg); -webkit-transform: skewX(21deg);
transform: skewX(21deg);
">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu mi tellus. Vestibulum tortor erat, facilisis in auctor semper.</p>
</body>
</html>
simple: img. content, some inline css, and itís leaning left instead of right.

And this is not the only bit. Some of my other examples arenít working either (scaling). So there must be something wrong here.

?