Расстояние пунктов меню (Linear)

[exzmaxi]

здравствуйте, у меня проблема с выделением пунктов меню

в данный момент имеется это:

#page .nav .item a{

font-family: Calibri;

font-size: 18px;

line-height: 1.4em;

color: #ffffff;

font-weight: normal;

text-decoration: none;

border-spacing: 1px 0px

}

#page .nav .item a:hover{

background-color: #FFFFFF;

border-radius: 0px;

color: #2da1e0;

text-decoration: none;

padding: 8px 16px;

}

#page .nav .current a,

#page .nav .current a:hover{

background-color: #ffffff;

border-radius: 0px;

color: #2da1e0;

text-decoration: none;

padding: 8px 16px;

}

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

функции ,которой задается это расстояние ,я не нашел к сожалению

чтобы было понятнее скрин

_http://fastpic.ru/view/20/2011/0503/3ad214564d0aba18c4146f793720ceb0.png.html

ну и еще понятнее - блог _http://exzmaxi.livejournal.com

Всем заранее СПАСИБО!

Edited May 3, 2011 by exzmaxi

[flagreit]

#page .nav .item a:hover{

background-color: #FFFFFF;

border-radius: 0px;

color: #2da1e0;

text-decoration: none;

padding: 8px 16px;

}

Из-за паддинга и разъезжается. Нужно переместить его в "#page .nav .item a", а дальше по необходимости код подгонять.

Edited May 3, 2011 by flagreit

[exzmaxi]

Благодарю ! получилось ! =)

а чем его лучше подгонять , поуже промежутки сделать ?

[flagreit]

поуже, пошире... тут от вашего желания зависит, как нужно. Поэтому я и написал, что по необходимости