"border-style: none;" sets border widths to 0. So no border was drawn.
Use "border-style: groove" instead. (If the border was drawn that way,
it'd look noticably different.)
Also include reset-to-defaults.css so we really get default CSS.
-.button-image {
- engine: none;
+@import "reset-to-defaults.css";
+.button-image {
border-image: url("green-20x20.png") 1 stretch;
+ border-style: groove;
border-width: 1px 2px 2px 1px;
- border-radius: 0;
}
.button-not-image {
border-color: green;
+
border-style: solid;
border-width: 1px 2px 2px 1px;
- border-radius: 0;
- border-image: none;
}