CSS based styling for button elements

Example 1:

The first example is based on the "sliding-doors" example written by Janko Jovanovic - only difference: this does not use graphics (except the rounded corners for IE - this is still a classic bitmap graphic). It is also implementing different states for the button: active (clicking the button), focus (by tab for example), hover (the mouseover), an disabled. This example acts as I want in Firefox 3.6.3, Internet Explorer 8 and Google Chrome 5.0.3, Safari 4.0.3 has a problem with the outer shadow (for hover). Opera 10.0 doesn't follow at all.

Get the CSS

Example 2:

A little bit more "glossy & shiny", but mostly the same CSS syntax as above. Again Google Chrome 5 and Firefox looks good, Safari, Opera and Internet Explorer are not supported.

Get the CSS

Example 3:

I saw something like that on an opera developer page, but i do not remember which, a simulated "player" button bar. No IE or Opera support for now, Safari and Chrome have minor problems.

Get the CSS

Example 4:

Influenced by the firefox navigation buttons - best look in Firefox, all others are buggy, Opera and IE have no support at all.

Get the CSS

Found any bugs or strange behaviour? What do you think about it? Please leave a comment in the related article.