Всем привет. Столкнулся с такой проблемой. Есть менюшка. Фон каждой кнопки - b_1.gif, при наведении должен меняться на b_1a.gif. Использую следующий CSS стиль:
.b1 {
display: inline;
width: 70px;
height: 59px;
color: #000066;
text-align: center;
font-size: 10px;
background-image: url("images/b_1.gif");
padding-top: 20px;
}
.b1:hover {
background-image: url(images/b_1a.gif);
}
в IE все гуд, а в Mozille фоном заливается только область текста, а мне нужно чтобы была вся кнопка 70х59 (размеры блока, такие же размеры и фоновых рисунков)
Хелп плиз, а то уже достало что не могу разобраться с такой мелочью....

после применения метода проб и ошибок понял еще что mozilla почему то берет высоту блока height начиная после padding. То есть получается высота блока становиться padding + height.

Как сделать чтобы получилась кнопка с текстом по центру блока и рисунком на весь блок?????
хелп плиз!!!!!!

Oracle, Sybase, Hyperion, OWB, ODI, OFA
itslide.com

Спасибо, решил не мучиться с кросбраузерностью, и использовать кнопки в виде рисунков
Oracle, Sybase, Hyperion, OWB, ODI, OFA