Saturday, 12 December 2009

Annoying iE6 bug of the day:

If you add a border on any edge of a < button ..> element, iE6 adds a second, inner border/padding, making your background image offset and the background color to show through! 


This link describes it and a few side step options:

http://justaddwater.dk/2008/11/05/ie-css-bug-background-image-gap-to-border/

For my purposes, the easiset thing to do was not have a border, and have the parent supply a pseudo border using the background color.  If you find a way to stop iE6 doing this, please let me know!