Kieran, если я правильно поняла о чём Вы.
Чтобы заменить слово картинкой, не теряя цифры счётчика, пишите не
#umailLink a,
а
#umailLink > a.
То же самое для всех остальных ссылок в меню.

Для ссылки "Темы записей" тот же код - #tagslistlink > a.

~Erika, Спасибо!
С умылом помогло!
С дненвиком не помогло но надо было напрячь память. Помогло #myDiaryLink a b
Темы тоже помогло, но список тем наезжает на картинку.
Пока не хочет двигаться...

Kieran, список тем наезжает на картинку
Это происходит потому, что Вы задаёте position absolute ссылкам внутри li. Позиционируйте лучше сами li. То есть как-то так:

#postsCalendar {
position: absolute;
left: 30px;
top: 15px;
}

вместо #postsCalendar a. Ну и для #tagslistlink то же самое.

~Erika, Я использую А потому что иначе ссылка не будет рабочей. Без А картинки заменяют ссылку, но не нажимаются.
Возможно, нужно было применять для ссылок отдельный код, но я не могу его придумать.

Осталась проблема с ахавером =(
По скольку все ссылки кроме самих тем - картинками, то и ахавер для них - тоже картинка, тот же текст другого цвета.
Но теперь эта картинка отображается при наведении не только на саму замененную ссылку, но и на все ссылки из блока.
Например, когда навожу на темы, вместо стандартного ахавера для дневника для них отображается многократно повторенная картинка из первого кода =(

Использую код:
#TagsList{display:block !important;visibility:visible !important} #tagslistlink A:hover {background-image: url('/userdir/6/0/1/5/601540/85071062.png'); } #tagslistlink > a { background:url('/userdir/6/0/1/5/601540/85068779.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:40px; height:9px; width-height:100%; left: 30px; top: 35px; text-indent:-3050px;} #TagsList { position:absolute; width:125px !important; top:50px; left: 30px; font-size: 12px; color:#d64056; font-family: 'Century Gothic' !important } #TagsList span { margin-top: 1px; }

Kieran, я имела в виду именно свойства для позиционирования. Все остальные стили, конечно, можно писать для A.

Например, когда навожу на темы, вместо стандартного ахавера для дневника для них отображается многократно повторенная картинка из первого кода =(

Смотрите. Когда Вы пишете #tagslistlink A:hover - это ознаачет, что свойства применятся для всех тегов A внутри элемента с id="tagslistlink". То есть независимо от уровня вложенности. Вам нужно стилизовать только ссылку, которая будет заголовком для списка тем. Она является прямым потомком для #tagslistlink, значит для неё нужен код #tagslistlink > a.
Вот эта стрелочка - > - означает, что код применится не ко всем А внутри #tagslistlink, а только к тому А, который лежит непосредственно внутри #tagslistlink и не обёрнут другими тегами.

~Erika, СПАСИБО!
Теперь дошло. Да, теперь исправил, работает!