Уважаемые, прошу помощи. Никак не могу понять, почему происходит конфликт. У меня есть DIV на нем стоит jquery.hover, при mousemove высота увеличивается, при mouseout высота уменьшается. Код работает. Теперь добавил на страничку <select> и когда нажимаю на него, одновременно срабатывает hover(mousemove). Никак не могу понять, почему такое, ID прописаны правильно, нет никаких конфликтов имен. Еще один нюанс, в файрфоксе все отлично работает, только google chrome тупит. И еще когда в хроме нажимаю на select, его меню как бы приподнимается вверх, перекрывая его. Вот код: html <body><div id="top_band"><div id="in_band"><div class="band_groups"><a href="" ><div class="icon_in_band"><img src="/cpanel/views/images/settings_icon.png" width="40" height="" /></div><div class="text_in_band">Настройка</div></a></div></div></div><select></select></body>JS: $(function(){var top_band = $('#top_band');var in_band = $('#in_band');top_band.hover(function(){ $(this).css("height","50"); in_band.css("display","block");},function(){ $(this).css("height","20"); in_band.css("display","none");});});CSS: #top_band{height:20px;width:100%;position:relative;background:#444;}#in_band{width:1000px;height:100%;margin:0 auto;padding-top: 5px;overflow: hidden;display:none;}
