So how you achieve the above mentioned goal without all the issues is as follows :
1. Create the content you want and if it's to be overlaid onto a background, then I would strongly recommend the background be included.. try to keep this for framed content.
2. Export the animation out as HTML5 and modify the code of the "page.html" (page being a place holder for whatever you saved the html file as)
you can probably edit it inside of wordpad or notepad.
3. When you open up the file, you will want to remove everything above the "<script> section (so make sure there are no <html> <head> or <body> tags left)
then do the same at the end of the file.. there will be </body> and a </html> tag sitting at the very end of the script.
4. Go to the folder where you exported out the animation from and rename the sprite.js file to a unique name more relevant to the content it is for such as news_banner_sprite.js.
5. Go back and open up the HTML file (if you have saved and closed it.. otherwise just switch over so you are back editing it again)
6. Search for sprite.js in the script and re-name it to whatever you named the sprite in the export folder so for this case it would be changed to news_banner_sprite.js.
***IF you can not see the .js or .html file extensions then you will need to google how to show file extensions for your current operating system *windows 7, windows xp, windows vista, mac os whatever, linux or whatever you are using.***
7. Now comes the WWB section which was the tricky bit.
8. Open up the WWB project you are working on and create a new blank webpage... title it something unique and meaningful with relation to the newly generated content you made using Sothink SWF Quicker
9. Place a <HTML> object from the toolbar on your left and make it whatever size you like (doesn't seem to really matter as the content ignores these size specifications **the problem I was having actually**
10. Place a Publish Files Object from the toolbar on your left into the page at the default size.. doesn't really matter and then add the *.js "sprite" file by right clicking on the placed object and editing it's object properties.
11. Once you have added the sprite file (in this chase it would be news_banner_sprite.js) you can close the object properties for the Publish Files Object.
12. Now open up the properties for the <HTML> Object **same deal right click on it and choose object properties**
13. Provide a unique and relevant name for this object (not that important but will help you to keep track of which element is for which animation.)
14. click on the Insert button at the bottom of the Object Properties window and change the file type from TXT text file to HTML
15. Locate your newly exported Sothink animation or content file and select it (then open/add it whatever the button says)
16. When the content is imported you are ready to do the final step to get this all happening.
17. Before you do, press F5 key to ensure that the animation is displaying as you expected it to (should appear by default in the top left corner of your browser window.
18. If all works well at this point, then you go to the WWB webpage that you are wanting to insert the fancy new animation onto and create an Inline Frame Object.
19. Set the inline frame object's size etc to the same size as your animation and then position it where you want it to go.. edit the object properties for the element and ensure that scroll bars are set to never and then you can set other options as you see fit. I set the border to 0 so it won't show up.
20. Finally you can choose the webpage being loaded from an external http page to an internal page. then press Select and locate the newly made page that contains your animation and accompanying js file. Save all that
AND there you have it..
press F5 to test the webpage and ensure that content is displaying as intended inside of the area designated for it.. should work great.