спасибо, здесь нормально работает,
но у меня снова без изменений,
в браузере опера вместо прыжков наблюдается ещё такая картина:
белая неполная полоса вокруг картинки это был padding: 4px; блока newDivPh,
при повторном наведение всё нормально, белая полоса полностью окружает картинку и картинка расположена слева как и нужно,
после чистки кеша в браузере снова при первом наведение либо прыгает, либо на треть зависает (в опере, скриншот выше)
пробовал без padding: 4px; тоже самое, пока оставил просто полоску вокруг картинки (border)
сейчас стили такие:
#newDivPh{
position:absolute;
/*visibility: hidden;*/
z-index: 300;
background-color: #ffffff;
background-image: url("./images/spinner.gif");
background-repeat: no-repeat;
background-position: center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow: 0 0 5px #777777;
-moz-box-shadow: 0 0 5px #777777;
-webkit-box-shadow: 0 0 5px #777777;
min-width: 100px;
min-height: 100px;
max-width: 408px;
max-height: 308px;
}
#newDivPh img{
border: 4px solid #fff;
max-width: 400px !important;
max-height: 300px !important;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
стиль visibility убрал, так как при наведении некоторые картинки вообще перестали показываться
пробовал убирать ограничения по высоте и ширине, картинка не *прыгает* и вроде нормально, но другие картинки, которые ниже с первого раза не грузятся, только со второго наведения мышки,
один только бордер видно:
