When I put this on a page over some text to try it out, it pops up in the center of the page (like a Lightbox – the page fades), but the text shows through.
Do you have any options in the chat program to customize it? There are options in the code for it; Z-index, background... If you could give it a background color and make sure it has a higher Z-index then the other page objects it should float over any text, etc.
style = position: absolute; display: block; margin: 0pt; padding: 0pt; border: medium none; float: none; clear: none; left: 0px; top: 0px; width: 375px; max-width: 375px; min-width: 375px; height: 386px; max-height: 386px; min-height: 386px; z-index: 2; background: none repeat scroll 0% 0% transparent; font-style: normal; font-weight: normal; font-size: 100%; line-height: normal; text-shadow: none; list-style: none outside none; text-align: left; text-indent: 0px; box-shadow: none;
src =
http://chtatic.appspot.com/wbg/snapengage_form.png