Странный глюк верстки. В чем тут дело?

Question

[colorkid]

Всем привет.
Столкнулся с очень странной проблемой.
На мазиле все ок. Проблема в хроме и в сафари.
colorkid.ru/stolberi
При расширении экрана до 768 первый товар в ряду (.product), при ховере не имеет горизонтальной линии, обводка делалась через outline, почему-то именно только у первого в ряду, у второго все линии есть.
И самое странное что при расширении 480 и менее, тот-же глюк НО теперь уже каждого второго, т.е. теперь первый в ряду ок, о второй не ок:)
Как быть? Как это фиксить?

Answer 1

[Механик]

Относительное позиционирование уберите у .product (position: relative;)

Comments

[colorkid]

Огромное спасибо!

Answer 2

[Михаил Еникеев]

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

.item {
    height: 50%;
    width: 100%;
}

Answer 3

[trushka]

Делайте обводку через box-shadow: inset - тогда точно таких глюков не должно быть