Useful scripting techniques

Click here to go back

18/09/10 - Pseudo White Border on Buttons

As usual Internet Explorer rocks again by adding a 1px border inside styled buttons with a background image. This obviously looks odd!

Fix:
The 1px border is a slither of the elements background colour showing through. Set the background colour to the border colour or contents colour and it looks a lot better.

.button { background: #b0c8e7 url(btn.png) repeat-x; border-color: #b0c8e7; }