Некоректная обработка CSS в Opera и FireFox

[Abdul]

Стили меню сайта прописаны на CSS:

a.mainlevel:link, a.mainlevel:visited {

color: #ffffff;

font-weight: bold;

background-image: url(../images/menu_bgr.gif);

background-repeat: no-repeat;

width: 95%;

text-indent: 15px;

text-decoration: none;

font-family: Verdana, Helvetica, Arial, sans-serif;

line-height: 20px;}

В Internet Exploer Все выглядит замечательно. Что же касается Opera и FireFox то они:

1) почему то игнорируют text-indent: 15px. Т.е. текст сслылок не сдвигается вправо

2) действие line-height: 20px почему то не распостраняется на background-image. Т.е. картинка находится только под текстом, а изначально задумывалось что бы картинка растягивалась на 20px

Кто подскажет как эту проблему можно решить?

[klierik]

поместите код в соответствующие теги

[ZoNT]

вместо:

text-indent: 15px;
line-height: 20px;

поставить:

padding-left: 15px;
display: block;
height: 20px;
line-height: 20px;

[Abdul]

Спасибо.

Теперь стало Все ОК.