Проблема отображения кнопки в IE6

Добрый день!
Помогите пожалуйста решить траблу.
Ситуация следующая - я создал кнопку с фоном и границей.
В FireFox2, Opera9 отображаеться нормально.
В эксплорере появляеться белый фон между кнопкой и границей.
Как это исправить?

Вот фрагмент кода;
<div class="center-base3">
<a href="#">
<input type="button" class="but3" name="press" value=" показать " />
</a>
</div>

в css:

.center-base3{
font-size: 11px;
text-align: center;
color: #0C3467;
font-weight:regular;
font-family: Verdana;
margin-left:25px
}
.but3{
background: url(../img/but3.gif);
width:78px;
color:#FFFFFF;
font-size: 11px;
text-align:center;
border: 2px solid #0162B5;
vertical-align: center;
margin-left:20px;
padding:1px;
font-family: Verdana;
}

Цитата:

---

Originally posted by Korefey@Jan 3 2007, 10:24
[b]Добрый день!
Помогите пожалуйста решить траблу.
Ситуация следующая - я создал кнопку с фоном и границей.
В FireFox2, Opera9 отображаеться нормально.
В эксплорере появляеться белый фон между кнопкой и границей.
Как это исправить?

---

не понял проблемы, между кнопкой и границей чего? у себя запустил код. в FF 2.0.0.1 появилась какая-то горизонтальная полоска поперек кнопки. а так, вроде, везде одинаково.

Есть такая болезнь кнопок у IE, если помимо фона задавать еще и бордер.
Можно воспользоваться альтернативным вариантом:

Код:

---

<style type="text/css">
body {background-color: #CCCC33;}
.but3{
****border: none;
****background-color: #CCCC33;
}
</style>

...

<button class="but3" type="button" name="press" onFocus="this.blur()">
[img]but3.gif[/img]
</button>

---

Т.е. создать IMG нужного размера из Вашего фона, бордер и текст нарисовать в нем вручную. Преимущества:
Все это будет целиком "нажиматься" в IE и Opera. А если для <button> не указывать margin и padding – то и в FF будет "нажиматься"... [Only registered and activated users can see links. Click Here To Register...] Правда, FF без margin и padding отступы для <button> нехорошие делает...

Практически могу посоветовать, что в данном случае оптимально указать width для <button> на 4px превышающую width для <img>, а height для <button> – на 2px превышающую height для <img>. В свое время я их долго подгонял, чтобы во всех браузерах все было приемлемо с минимальными потерями... [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by Zigzag@Jan 3 2007, 14:04
не понял проблемы, между кнопкой и границей чего? у себя запустил код. в FF 2.0.0.1 появилась какая-то горизонтальная полоска поперек кнопки. а так, вроде, везде одинаково.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]
Горизонтальная полоска в FF – это из-за того, что кнопку засунули в ссылку... [Only registered and activated users can see links. Click Here To Register...]
Там и другие "веселые" моменты есть...
font-weight: regular; и vertical-align: center; [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

Originally posted by Aykroyd@Jan 3 2007, 12:07
[b]Горизонтальная полоска в FF – это из-за того, что кнопку засунули в ссылку...* [Only registered and activated users can see links. Click Here To Register...]
Там и другие "веселые" моменты есть...
font-weight: regular; и vertical-align: center;* [Only registered and activated users can see links. Click Here To Register...]

---

действительно. спросонья не вгляделся в код =)