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>

Что есть: Есть блок с размером 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, последний тег в строке перекидывется на следующую строку. Что нужно: При наведении чтобы небыло глюка с перемещением тега на новую строку Что я только не пробовал, этот глюк остаеться, не смог я его победить. Буду оч признателен если кто-то поможет. Картинку с макетом закрепил