This is what I landed on:
http://codepen.io/ggilmore/pen/gzvtJ
Modified markup:
Foo
Bar
Removed the wrapping `#shoe` div as it was unnecessary. By going `inline-block` on all of the elements you can easily align them together – just remember to use all of the proper fallbacks for it: http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/
