See this image
http://img182.imageshack.us/img182/1338/madeusayy4.png

using

#anglephoto {
     height:170px;
     width: 280px;
     background-image:url('images/madeusa.png');
     background-repeat: no-repeat; 
       float:right;           
}
image moves to right top of page.

Now Suppose lower left 1/3 of above image is a transparent at a 45 degree angle *.png.

What is css code do I use to get above partially transparent png image in upper right
to fit over existing text on an htm page.

Think of placing a sold banner in upper right corner, at a 45 degree
angle, over a "for sale" sign hiding text below sold banner.

can this be done?

I'm using expression web, replacement for FP.

thanks.

LP hosts my web page.

I like this
#anglephoto
{
   position: absolute;
   top: 0; right: 0;
}

instead of float:right;

Problem remains.  image views beneath other two other <div> on same page.  I could make png smaller but then it won't appear to be on top of other <div>'s.

That really good.

 You are really smart.

thanks.

I like it.