Проблема в верстке списка тегов, разширение тега при наведении из за этого переносит на новую строку

[sembler]

Что есть: Есть блок с размером 960px

В этом блоке есть большой список тегов в несколько строк, этот список может меняться (количество тегов, текст внутри), при наведении на тег к нему добавляется padding-right: 23px чтобы появилась иконка.

Примерный код:

<div style="width: 960px">

<div style="float: left;">Тег 1</div>

<div style="float: left;">Тег 2</div>

<div style="float: left;">Тег 3</div>

<div style="float: left; padding-right: 23px;">Тег на который наведена мышка</div>

</div>

Проблема:

Бывает что теги в одной строке занимают всю ширину 960px, при наведении на один из тегов к нему добавляется padding-right: 23px; и они уже не могут поместиться в 960px, последний тег в строке перекидывется на следующую строку.

Что нужно:

При наведении чтобы небыло глюка с перемещением тега на новую строку

Что я только не пробовал, этот глюк остаеться, не смог я его победить.

Буду оч признателен если кто-то поможет.

Картинку с макетом закрепил

[npofopr]

вы код предоставьте

[sembler]

<div style="width: 960px" class="tags">
<div style="float: left;">Тег 1</div>
<div style="float: left;">Тег 2</div>
<div style="float: left;">Тег 3</div>
</div>

<script>
$('.tags div').hover(function() {
$(this).animate({
paddingRight: 23
},100);
},function() {
$(this).animate({
paddingRight: 0
},100);
});
</script>

Edited January 7, 2013 by sembler

[npofopr]

Посмотрите как тут сделано http://codepen.io/Thibaut/pen/eCIkr

[sembler]

здесь выезжалка залазит на другие элементы, а мне нужно чтобы они подвигались

[uuu]

можно добавить проверку ширины выбранного элемента, и сузить его, если он вместе с новым отступом шире родителя

[sembler]

а если в строке несколько элементов и мы навели на не последний?

[npofopr]

Если хотите, чтобы двигались, тогда оставьте справа место, чтобы элементы не соскакивали.

Вы логически подумайте. Хотите чтобы двигались, но не соскакивали. По-моему одно другому противоречит слегка.

Оставьте справа 23px запаса и будет вам счастье.

[sembler]

Я понял, проблема не решаема ((