не получаются правильные переносы

[begin]

На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так:

<a href='index.php?p=01' ><img src='01.jpg'> главная  </a>
<a href='index.php?p=02' ><img src='02.jpg'> форум  </a>
.......
<a href='index.php?p=20' ><img src='20.jpg'> галлерея  </a>

Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга.

Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названиях.

Как этого избежать? Как сохранить правильные отступы и при этом правильные переносы?

[Vlad]

Лучше через стили отступы задавать, например padding использовать или margin. А рисунок ставить с помощью background. Тогда можно до пиксела регулировать и положение и отступы.

[begin]

Да, Влад, спасибо.

Сделал почти так - у иконок сделал через css отступы слева, между иконкой и названием неразрывный пробел. Теперь все отступы правильные, а ссылки переносятся в нужных местах.

P.S. Рядом открывал тему про неправильные отступы в таблице в IE. На нее так и не ответили нормально, а потом вообще перенесли в карзину. Почему? К счастью, я уже и сам все решил: используя все те же отступы в css (нужные блоки пришлось включить в тэг DIV, отступы для которого и заданы в таблице стилей)

[kiD]

P.S. Рядом открывал тему про неправильные отступы в таблице в IE. На нее так и не ответили нормально, а потом вообще перенесли в карзину. Почему?

ладно хоть не забанили... злые да?)

а вообще

К счастью, я уже и сам все решил

очень даже приветствуется!