IE7 BUTTON white outline

Question

Кто-нибудь знает, почему IE6 и IE7 добавляют белую границу между границей button и фоном?

Вот мой CSS и HTML:

#reportButton{ 
    background:#fefcda url(buttonback.png) repeat-x bottom left; 
    border-top:2px solid #fffff8; 
    border-right:2px solid #e3b40c; 
    border-bottom:2px solid #e3b40c; 
    border-left:2px solid #fffff8; 
    color: #373535; 
    font-weight: bold; 
    margin:0 2%; 
    width:45%; 
} 

<button id="reportButton">Report a Concern</button> 

Если вы попробуете это, вы увидите забавную белую границу между границами и фоном. Это не отображается ни в одном другом браузере, даже в IE8.

У кого-нибудь есть простая ошибка или предложение относительно того, что я делаю неправильно?

Спасибо!

EDIT: Я только заметил, что, когда я нажимаю на кнопку, появляются марширующие муравьи, и белая граница исчезает. Кажется, что когда кнопка :active, они исчезают, хотя это не помогает мне с точки зрения решения проблемы, возможно, это будет для кого-то другого.

Кроме того, извините, я не могу предоставить экран; Мне негде загружать его через это интернет-соединение.

EDIT2: На самом деле появляется, что граница не белая, а кнопка background-color. Кажется, что IE оставляет 1px разрыв между границей кнопки и фоновым изображением кнопки.

Answer 1

Убедитесь, что эта граница не исходит от самого (фона изображения) изображений, установить точные width и height, а также попробовать установить padding в 0 как @SLaks сказал.

Answer 2

У меня была такая же проблема ... аккуратный трюк, который, кажется, работает хотя бы для IE: «Белый» контур на самом деле является цветом фона вашего изображения. Поэтому установите это так же, как ваш цвет границы. Если вы не возражаете против слегка толстой границы, остановитесь там. Если граница теперь слишком толстая, установите цвет рамки на цвет фона страницы.

например. для отображения черной «границы» используйте этот css для вашей кнопки: background: url (./ button_bg.gif) no-repeat; background-color: # 000000; border: 1px solid #FFFFFF;