My flash content is showing over the foobar when I scroll the page, how do I make the foobar sit on top of the flash content?
This is more to do with how the flash content has been embed into your page than with the foobar itself.
If you are manually embedding your flash content you will need to add the “wmode” parameter with a value of either “transparent” or “opaque” to your swf object as described in the following Adobe response to the issue (http://kb2.adobe.com/cps/155/tn_15523.html).
If you are using embedded movies from YouTube, Vimeo, etc. please check the documentation provided by these sites on how to set the “wmode” option to “transparent” or “opaque” if you are having issues.
For example when embedding a movie from YouTube you simply need to add the ”?wmode=transparent” or ”?wmode=opaque” argument to the video url. Note that this must be the first argument supplied before any others.
A demo of this fix can be seen in the live preview