IE9 and Fancy Border Image Buttons

Fancy button (<a> tag) using border image (Works for current Chrome & Safari, Firefox 3.6+, Opera 11)

Fancy Button

Fancy button (<a> tag) using :after, :before and background-size (Works for the above + IE9)

Fancy Button

The button look is based on the below image (without red border):

Important Notes:

• You can also support IE8 if you use very wide button image and remove background size.
• If you want it to work for longer texts on IE9 version, increase background size value (but remember that higher than 300% breaks Opera 11!).