Search the Community

Здраствуйте! Помогите разместить 2 картинки на разных слоях, чтобы 2-я(меньшая, находится на другом слое) позиционировалась относительно первой (большей) сейчас все выглядит так: http://jsfiddle.net/zzhBL/9/ проблема в том, что меньшая картинка "плавает" в зависимости от размера монитора, а нужно чтобы всегда была на одном и мот же месте относительно первой. Вот код: <p> </p> <div><img src="images/logo-rus.gif" border="0" alt="" style="display: block; margin-left: auto; margin-right: auto; position: relative;" /> <div><img src="images/logo03-ru.png" border="0" style="margin: -20px 175px; vertical-align: top; left: 20px; top: 20px; width: 201px; height: 191px; position: absolute; z-index: 1;" /></div> </div> Сайт делаю на Джумла, код сгенерирован редактором TinyMCE... Только начал разбираться в верстке, так как визуальные редакторы перестали удовлетворять требования. Прочел кучу материалов по позиционированию, но никак не пойму как все должно быть в данном случае.. Если можно готовый кусок кода, чтобы посмотреть и сравнить, если нет пните хоть ссылкой чтобы я все же попробовал разобраться.. спасибо