CSS

[redgunner]

Hi,

 

I have an image as you can see of the large house but I want to put an image in the top right of that image rather than the top right of page; how can I achieve this? This is my code so far.

 

<div id="pageflip">

<a href="#">

<img src="peel.png" alt="" border="0">

<span class="msg_block">Offer</span>

</a>

</div>

 

#pageflip {

position: relative;

}

#pageflip img {

width: 50px; height: 52px;

z-index: 99;

position: absolute;

right: 0; top: 0;

-ms-interpolation-mode: bicubic;

}

#pageflip .msg_block {

width: 50px; height: 50px;

position: absolute;

z-index: 50;

right: 0; top: 0;

background: url(hiding.png) no-repeat right top;

text-indent: -9999px;

}

 

 

How do I put this to an image that I have in middle, I attached a screenshot to show you as well. Thanks Guys!!