подскажите несложный вопрос по css, затупил

Картинка не отображается.

Если я правильно понял, то можно position: absolutte; z-index:999; и top на такую величину, на которую картинка должна закрыть верхний див. При достаточном размере закроет и нижний.

либо img {display:block; margin:-30px; bottom:-30px;}

МОжно это делать разными способами, все зависит от вашей задачи и разметки.

Самое простое - разместить картинку во втором диве, задать img position:absolute и выравнять как угодно.

Например так - http://codepen.io/bazhenov/pen/yGfdw

Но это решение не гибкое и подойдет оно или нет - я не знаю. Нужно более подробное описание задачи.

да, к сожалению, не совсем подошло

смотрите, пробелма такая - надо на сайте в определенной точке разместить рисунок

http://maneras.ru/catalog/zhenskaya_parfyumeriya/601805/

имеется ввиду рисунок - "надежная покупка" - который справа сверху

сейчас я его прописал с помощью кода

<img src="http://maneras.ru/img/nadejnaya-pokupka.png" style="position: absolute; top: 200px; left: 1200px;" alt="" />

- несмотря на то, что находится внутри дива

но во первых, в разных браузерах он отображается по разному,

во 2х - меняет свое положение в зависимости от размерения экрана и размера (ширины) окна

как исправить? спасибо

В определенной это в какой?

что написали, так и отображается.

непонятно, что вы вообще хотите, начали тему с одного в результате показываете, что-то другое.

ps: position: absolute и используется в основном для позиционирования элемента от края экрана.

имеется ввиду рисунок - "надежная покупка" - который справа сверху

он сейчас над кнопками "в корзину" находится

как раз между div - ами

понимаю, что от края - проблема как раз в том, чт разрешения у людей разные - соттветственно - рисунок в зависимости от этого будет в разных положениях, а надо в четком-опереденном

вы не понимаете, в определенном месте это в каком??

используйте position: relative и назначайте относительно родительского контейнера. Либо используйте margin. Задача решается очень просто, если знать, что именно вы хотите видеть - можете расширить div .price и спозиционировать картинку в нужное место.

---------- Добавлено 31.05.2014 в 22:58 ----------

к примеру это может выглядеть как-то так: http://habrastorage.org/files/430/1a0/01c/4301a001cb244687be213ecc9b630f72.png

если заменить div price на http://pastebin.com/81m9XBRb

но это гадание.

так, видать я не правильно выразился, прошу прощения

СЕЙЧАС, т.е. в том виде в котором оно вы видите - так, как и должно быть

проблема в том, что рисунок смещается, в зависимости от разрешения экрана, размера окна браузера, самого браузера и пр.

вопрос, как мне этот рисунок зафиксировать, чтобы он никуда вне зависимости от вышеперечисленных факторов?

Откуда вы знаете, как оно у меня ? :)) у меня оно так:

http://habrastorage.org/files/0dd/571/0a0/0dd5710a0ec948b89cb5da05b996544f.png

а скрин сверху это правленный мной, со ссылкой на изменения

так, потихоньку начало доходить, большое спасибо!

можете подсказать, а как сделать-прописать, чтобы это изображение было в фиксированаом положении, как на этом рисунке?

http://yadi.sk/d/TpMzJDxIRqBau

блок price: http://pastebin.com/9Dy4DUyp