rotate transform producing jagged text
===

I have a div formatted to look like a sticky note ([JSFiddle here][1]). Looking at it in Firefox and Safari, the text looks all nasty and jagged. It's somewhat better in Chrome, but not much. Is there anything I can do about this, or should I just give up my dreams of beautifully laid out stickies?


  [1]: http://jsfiddle.net/srp2e/1/