title: How does the Meebo bar work so well cross-browser?
body: <p>The <a href="http://business.meebo.com/demo/#meeboAd=e324f37b3d52b88eb8f7fd30108fbdda" rel="nofollow">Meebo chat bar</a> is a small, unobtrusive bar (not counting some of the optional popups some sites put within it - the base bar is quite unobtrusive though) that sticks to the bottom of the viewport and is added to the page with only a few lines of JavaScript. Specifically, I'm interested in how they manage to get the "bottom of viewport" positioning to work so well, consistently, and without flickering or other artifacts cross-browser.</p>
  
  <p>Note that the Meebo solution also does NOT require a specific DOCTYPE on the pages, even in IE, so whatever it is they're doing it runs fine in IE Quirks Mode. This is key - what I'm asking about is how to make a bottom-of-viewport toolbar work even without control over the hosting page aside from adding a  tag or code that inserts a  tag. <strong>CSS Fixed alone is NOT an acceptable solution because it does not work properly in IE Quirks mode.</strong></p>
  
  <p>Also, while I am mentioning the Meebo bar as an example, I am not actually looking for a social toolbar, so I can't just use Meebo.</p>
  
  <p>Required browser support - note that Meebo supports all of these: IE6,IE7+,Firefox, Safari, Chrome. Not showing up at all (but not breaking the page at all) is acceptable for IE6, though the preference would of course be for it to (like Meebo) work fine in IE6. Other browsers such as Opera would be nice to haves, but my <em>required</em> browser list is above.</p>