Здравствуйте. Есть такой код html HTML: <div id="map_ukraine"> <div id="point1"></div> <div id="point2"></div> <div id="point3"></div> </div> и соответственно CSS [css] #map_ukraine {width:800px;height:600px;} #point1 {width:25px; height:21px; background:url("images/sait/point.gif"); z-index:1; position:relative; top:160px; left:620px;} #point2 {width:25px; height:21px; background:url("images/sait/point.gif"); z-index:2; position:relative; top:160px; left:620px;} #point3 {width:25px; height:21px; background:url("images/sait/point.gif"); z-index:3; position:relative; top:225px; left:560px;} [/css] div#point1 и div#point2 имеют одинаковую позицию, но у них разный z-index. По идеи они должны ровно накладываться друг на друга, но div#point2 размещается под div#point1. То есть его позиция top = 160 + 21 px; Почему так ведь они долны ровно друг на друга ложиться, и так во всех браузерах.
не имеют. У тебя тип размещения - относительный (relative) и заданные тобой цифры означают (25, 30 пикселей ОТНОСИТЕЛЬНО предыдущего элемента в потоке) тебе надо либо позиционировать абсолютно, либо смещать на отрицательное значение размера предыдущего элемента