Глюки Opera с полупрозрачными image position: absolute

[zukalo]

Есть Rich приложение на jQuery. Часть картинок позиционируется абсолютно. Всё работает нормально везде, кроме оперы.

В опере такой глюк:

При активации событий мыши (например на .mouseover изменить картинку на другую), полупрозрачны картинки с абсолютным позиционированием "едут" вверх, т.е. изменяют свой top.

Если честно, вообще не знаю куда копать. Мне бы помогли даже догадки.
Зараннее спасибо.

[Black_Prince]

Код пожалуйста в студию замены полупрозрачных картинок.

[zukalo]

Уточню, не картинки полупрозрачные, а div, в котором они находятся.
Установка:

box_states = [img_url + 'checkbox_active.png', 
                    img_url + 'checkbox_simple.png', img_url + 'checkbox_over.png']

            $elem.find('img.check')      
            .mousedown(function() { checkHandler($(this)); return false })
            .dblclick(function()  { return false }) 
            .mouseover(function() { checkHighlight($(this), CHECK.HOVER) })
            .mouseout(function()  { checkHighlight($(this), CHECK.EMPTY) })

Подсветка чекбокса:

function isChecked($check) 
 {
   return $check.attr('src') == box_states[CHECK.ACTIVE]
 }

function checkHighlight($check, over)
 {
   if(!isChecked($check)) 
    $check.attr('src', box_states[over])
 }

Также подключены скрипты jScrollPane и wheel.js для него (поддержка колеса мыши). Не знаю как вообще всё это отладить.

[zukalo]

Выложил всё целиком, чтобы можно было посмотреть:

http://mtg-kaluga.230101.org/test/

Картинка едет, и ничего не помогает)

[Black_Prince]

что я могу сказать - проблемы чисто в верстке.

попробуйте сделать что то типа такого:

<img src="http://mtg-kaluga.230101.org/test/content/fav1.png" class="fav">
    <div class="div_inner_img">
        <img src="http://mtg-kaluga.230101.org/test/content/checkbox_simple.png" class="check nos">
    </div>

.fav {
  float: left;
}

.check {
/*т.е. убираем стили для этого класса*/
}

.textags {
  height: 33px;
  /*float: left;*/
 }

.div_inner_img
 {
    display: inline-block;
    float: left;
    margin-left: -25px;
    margin-top: 10px;
}

P.S. Едет верхний "чекбокс", но для него надо просто поставить другие стили и все, например убрать марджин.

[nikita.mmf]

глюки не в опере, а в кривой верстке

[zukalo]

просто поставить другие стили

поясните пожалуйста

Кстати едет не верхний, а все полупрозрачные. Т.е. если добавить opacity ещё к парочке, то и они поедут.

Попробую переделать...
А подскажите софт для ловли багов в верстке?

[Black_Prince]

zukalo, Вы меня немного не поняли

попробуйте мой вариант верстки просто. т.е. поместить свой имейдж с чекбоксом в див и применить те стили.

По крайней мере у меня в опере все стало отлично. Разве что сверху чекбокс немного стилями не выровнен и он находится левее остальных. Вот это я и имел ввиду под "едет верхний".

"Просто поставить другие стили" - это значит для верхнего чекбокса назначить другой класс, у которого не будет margin-left;

[zukalo]

Black_Prince, хорошее решение. Оно конечно работает, однако отрицательный маржин не есть гуд. У меня при определенных условиях меняется картинка, ширина которой другая, и Checkbox уезжает влево, а нужно чтобы он как бы висел на месте в любом случае.