>Quote:
>It would certainly take a specially designed image for it to look good stretched - but if you already have such an image you could approach this by not using the "true" background properties. Instead you could use the z-axis to stack up divs, with your "pseudo-background" on the bottom.
>
>You'd need to use javascript to get availableHeight and availableWidth first, and then write those dimensions into the image in your bottom div. Also you'd probably want some code to take the measurements again and re-draw everything if the window gets resized.
>----
>http://www.webmasterworld.com/forum83/303.htm
>
>What about the image AND the sale on overlapping DIVs?

Thanks

I have tried the double DIV approach. I am able to align everything. But, I haven't found a way to resize one of the DIV to fit the proper resizing I need. Is there a support for that at the DIV level?

The code looks like this:

<STYLE>
#ImageSpecial
{
   Background-Image: url(Store/1-1000/00000042.jpg);
   Width: 79px;
   Height: 59px;
   Position: Absolute;
   Margin-Left: 44px;
   BORDER-BOTTOM: #98895C 1px solid;
   BORDER-LEFT: #98895C 1px solid;
   BORDER-RIGHT: #98895C 1px solid;
   BORDER-TOP: #98895C 1px solid;
}

#ImageSpecial2
{
   Background-Image: url(Images/Special2_E.png);
   Width: 79px;
   Height: 59px;
   Cursor: Hand;
}
</STYLE>

<A HREF=ViewPageStore.aspx?Session=46535A67786A466C5A586B3D206F6B487874616B66437642384B324B457931495244773D3D Title=""Test"">
<DIV ID=ImageSpecial>
<DIV ID=ImageSpecial2>
</DIV>
</DIV>
</A>

I am also not able to get a tooltip whenever the A HREF is on a DIV. I am not sure if this is possible.