Anti-aliasing on rotated div with border image in firefox
Adding a translateZ seems to quick in a more accurate display and solve the issue: -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: translateZ(1px) rotate(45deg); updated fiddle I added the translate in the transform since firefox has been going un-prefixed for 10 versions now.