Pseudo white border on buttons

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: