mov

Сможет кто-то обьяснить нубу, почему не работает 1 пример, а работает 2?

Прописывал блокам без ховера з-индекс 1, а с ховером 5. Результат то же. Проблему решил методом тыка, обвернув каждый блок в еще один и задал ему статическую высоту, все работает, но почему, пока так и не разобрался Вот неработающий пример: http://webfile.ru/0e6e62972031f32d9b610f4167aded8a И работающий: http://webfile.ru/5df410a864a34ad95ffba4b5a3080ac7

Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>2555 грн.</span></p> <div class="short_desc"> Краткое описание<br /> <a href="">Buy</a> </div></div><div class="item"> <h3>Rock Shox Domain 318 Coil 180</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>2555 грн.</span></p> <div class="short_desc"> Краткое описание<br /> <a href="">Buy</a> </div></div>и т.д.Проблема в том, что при навидении на товар он все равно опускает нижние товары, хотя (по-моему) должен налезать на них. Если брать абсолютную позицию - блок с кратким описанием не наследует стилей родителя. Как быть? Буду очень благодарным за Вашу помощь.