Pseudo white border on buttons
As usual, Internet Explorer complicates things again by adding a 1px border inside styled buttons with a background image. This obviously looks odd! Here's how we fix it.
The 1px border is a slither of the element's background colour showing through. To fix this, set the background colour to the border colour or content's colour.
For example:
.button {
background: #b0c8e7 url('btn.png') repeat-x;
border-color: #b0c8e7;
}
Please recommend us if you found this article helpful:
