title: Floating circle using css3 or jquery or html5
body: <p>I am trying to make a circle/bubble (50px x 50px) float within an area of about 150x150px. I want it to look organic; ideally not a simple up and down motion with easing. I would like it to appear to be floating naturally. </p>
  
  <p>Cross browser compatibility is not paramount, just so long as it is static as a fallback that would be fine. </p>
  
  <p>Any ideas/tutorials/jsfiddle's anyone can advise me to use? </p>