Элемент на фото.

См.скрин

Крестик должен быть на фото, а он уходит за его пределы. В чем проблема?

Код:

<div style="position: relative; left: 0; top: 0;">
<img src="...." height="100" style="position: relative; top: 0; left: 0;">
<a href="...">
<img src="..." style="position: absolute; margin-top: 0px; margin-right: 0px;cursor:pointer;">
</a>
</div>
Добавлено 01.07.16 в 14:46:03:
......

Прикрепленные файлы:
PROFIWM_COM_3539_1579428_46784.png (134.21 кб)

Денис Павлик, попробуй:

<div style="position: relative; left: 0; top: 0;">
<img src="...." height="100" style="position: relative; top: 0; left: 0;">
<a href="...">
<img src="..." style="position: absolute; margin-top: 0px; margin-right: 5px;cursor:pointer;">
</a>
</div>

yamus, ничего не изменилось, он на том же месте и стоит.

<img src="..." style="position: absolute; margin-top: 0px; margin-right: 0px; z-index: 1;cursor:pointer;">

а нафига тут
height="100"

Фото изменяет свой размер пропорционально.

z-index юзай

Ничего не изменилось.

В <div style="position: relative; left: 0; top: 0;"> ширину добавь (width).
К примеру:
<div style="position: relative; left: 0; top: 0; width: 200px;">
<img src="..." style="width: 100%; position: relative; top: 0; left: 0;">
<a href="...">
<img src="..." style="position: absolute; cursor: pointer; top: 0px; right: 0px;">
</a>
</div>
Либо лепи его слева.
<div style="position: relative; left: 0; top: 0;">
<img src="..." height="100" style="position: relative; top: 0; left: 0;">
<a href="...">
<img src="..." style="position: absolute; cursor: pointer; top: 0px; left: 0px;">
</a>
</div>

Изм. 2 раз. / Посл. изм.

Simptom 1.82

(1 июл 2016, 15:15)

а сам скрин этого возможно увидеть
а то я не пойму о чем даже речь идет

знаю о затемнении фото
но об этом хз
Добавлено 01.07.16 в 15:19:16:
не затемнение,а тоесть водяные знаки