Наложение картинки на блок

[tarasishhe]

Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код.
http://ga1000.casio55.com/
 
Нужно наложить на угол каждого блока след картинку 
При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке.

 

Вот код самого блока:

<div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a  style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div><style>.hvr{border: 1px double #cecccc;padding: 5px;background: #F7F7F7}.hvr:hover{border: 1px double #cecccc;padding: 5px;box-shadow: 0 0 3px;background: #F7F7F7}</style><div class="fotorama" data-loop="true" data-nav="thumbs" data-allowfullscreen="true" data-shadows="true"> <img src="https://pp.vk.me/c310625/v310625354/8e55/IP9JS3Zc7Zo.jpg"> <img src="https://pp.vk.me/c310625/v310625354/8e5c/ns4wnXDjYPc.jpg"></div><div style="text-align:center;font-family: Verdana; font-size: 14px; color: red"><a style="color:#cc0000; text-decoration:none">Характеристики</a></div><div id=hidden_1 style="display:block;height:255px;width:260px;background-color:white;margin: 0 auto;border: 1px solid #cecccc;padding: 5px;text-align:center;font-family: Verdana; font-size: 14px; color: black"> <p><b>цвет: </b>черный </p><p><b>производитель:</b> Таиланд </p><p> <b>механизм:</b> кварцевый </p> <p><b>стекло:</b> минеральное </p><p> <b>корпус:</b> полимер и сталь </p> <p><b>водонепроницаемость: </b>200 м </p><p><b>солнечная батарея: </b>есть </p><p> <b>ремешок:</b> полимер </p> <p><b>тип:</b> мужские</p> <p><b>гарантия: </b>12 месяцев</p></div><div style="text-align:center;font-family: Verdana; font-size: 14px; padding: 2px; color: #49a411"><a  style="color:#49a411; text-decoration:none">Есть в наличии</a></div> </div>

Вот предложенное решение:

.sloi1 {	 position: relative;	 overflow: hidden;}.sloi2 {	position: absolute;	top: -2px;	bottom: -2px;	width: 100%;	background: url(http://10na10.com.ua/catalog/view/theme/elegantcart/image/promo.png) top right no-repeat;	z-index: 1;}

<div class="sloi1">Текст<div class="sloi2"></div></div>

Возможно .sloi1 в моем случае - это .hvr

 

Нужно скомпоновать эти 3 куска в 1.

 

Простите за недоформатирование. Заранее благодарен.

[DragorWW]

Ну честное слово, вам с таким оформление ни кто не сможет помочь.