КНОПКА IE7 белая схема

Делает любой знает, почему IE6 и IE7 добавляют белую границу между a 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.

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

Спасибо!

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

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

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

6
задан tau 6 July 2010 в 19:51
поделиться

1 ответ

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

1
ответ дан 17 December 2019 в 04:41
поделиться