Zobrazení tagu (A, SPAN...) jako tlačítko

Pro svůj minulý post Opera: Dragonfly button / tlačítko jsem potřeboval nejak simulovat nad tagem <a> vizuální pocit tlačítka. Bohužel nefunguje nic takového jako display: native-button, výsledek je lehce nepřesvědčivý – ale lepší než nic…

Použitý css styl pro simulaci tlačítka:

a.button {
    background-color: ButtonFace;
    border: 1px outset ButtonShadow;
    padding: 0.2em 3px;
    text-decoration: none;
    color: ButtonText;
    font-size: 12px;

}

a.button:hover {
    background-color: ButtonHighlight;
    padding-left: 4px;
    padding-right:2px;
    border-style: inset;
}

Výsledek je tento: