Извини, пока не могу закинуть, скоро выложу на хост.
Проблема в итоге вылезла такая. Во всех браузерах норм с помощью того же CSS3, IE9 выделывает то, что раньше FF:
|
Цитата:
|
|
Т.е. есть 6 пунктов меню. Если активен 1й - все ок. Активен 2й - 'div.floatr' при наведении переезжает, но "промахивается" на 1 пункт влево от нужного. Активен 3й - на 2 пункта от нужного и тд.
|
if($.browser.webkit || $.browser.mozilla || $.browser.opera){
var sictranslate = "translate("+left+"px, 0px)";
$(this).parent('ul').next('div.floatr').css({
"width": width,
"-webkit-transform": sictranslate,
"-moz-transform": sictranslate
});
}else{
$(this).parent('ul').next('div.floatr')
.css({"width": width,})
.stop(true)
.animate({left: left }, 300);
}
При чем, в обоих случаях используется один и тот же параметр left. Или transform работает не так как animate или IE не так считает offset() как другие браузеры, или что еще?