При наведении отображать слой, который не будет рушить структуру

[adelante]

Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается".

Вот примерно как я себе представляю реализацию сего:

<div class="entry">

   <img src="entry_img.png" />

   <div class="onhover">

	  <img src="entry_img.png" />
	   Text

   </div>

</div>

div.entry { width: 150px; height:150px; position:relative; float:left; }

div.onhover {width:450px; height:150px; display:none; }

div.entry:hover .onhover { position:absolute; display:block; }

ну и ещё стили для правильного позиционирования изображений и текста. Паддинги там, марджины, всё такое.

Я не уверен, что так правильно, просто видел где-то похожую реализацию в плане игры с позиционированием.

Таким образом, как я предполагаю, здесь абсолютное позиционирование начинается не от левого-верхнего угла браузера, а от аналогичного угла относительно-спозиционированного слоя, ну и благодаря тому, что позиционирование абсолютное, этот слой просто плавает поверх других, на них не влияя.

[Int]

Вопрос в чём?