title: CSS: Floating Box With No Collision
body: <p>Is it possible to have a floating box that doesn't collide with another element? Just like in this image: <a href="http://i.share.pho.to/76976921_o.png" rel="nofollow">http://i.share.pho.to/76976921_o.png</a></p>
  
  <p>I am planning to put my logo there but the ways that I know also moves the wrapper away. I would like to know if it is possible to make a literally floating box that overlaps another element.</p>
  
  <p>Thanks in advance.</p>