title: Overlapping image in photoshop splice, how to float with CSS
body: <p>Here is the site I am working on:</p>
  
  <p><a href="http://graves-incorporated.com/test_sites/solera2012/test/home-pg.html" rel="nofollow">http://graves-incorporated.com/test_sites/solera2012/test/home-pg.html</a></p>
  
  <p>My problem is the red box in the top right corner.  I spliced up the site is photoshop but since that part overlaps I needed to split the image in 2.  How would I go about placing just the red box floating over everything else? z-depth maybe?</p>
  
  <p>I would of course save it as a png to save transparency, but I wouldn't even know where to start to make it float over the existing 2 images</p>
  
  <p>Please help!</p>