title: How to make image "hang over" above background?
body: <p>I am more a web programmer than a designer, but currently my job requires me to know more about web design. Sorry if the question is naive to the pros.</p>
  
  <p>Stuck in this problem for hours, don't know what to do...</p>
  
  <p>Please go the my blog and check the bottom part: <a href="http://chenximao.net/blog" rel="nofollow noreferrer">my blog</a></p>
  
  <p>It has a wax seal style rss feed image, with ribbon. I want to have the ribbon lie above the background color (the parchment paper, that is) so to display the wooden background. But I failed in this for hours. Done some research online and tried several different ways. Still with no luck.</p>
  
  <p>The visual effect I want to achieve can be found on this webpage: The image of  the father and his child illustrates what I want to have : <a href="http://www.havocinspired.co.uk/" rel="nofollow noreferrer">http://www.havocinspired.co.uk/</a></p>
  
  <p>Please use FireBug and check my css stylesheet. I use a tool called Artiseer to help me get around the fundamentals. So perhaps that's how everything looks so messy under the hood.</p>
  
  <p>Thanks a lot in advance!</p>