Fixing Jagged Rendering on CSS Shapes and Arrows in Firefox

I\’ve been using the border elements on divs to create useful shapes, like arrows, like on this page.  Unfortunately, recently Firefox recently began having trouble rendering the diagonals — making them appear jagged, and just not very pleasing.  To fix this, just add the following to the css:

     -moz-transform: scale(.9999);