I'm not trolling... but I am going to persist for the sake of clarity and understanding...

I've added the comment tags below to make sure it wouldn't load anything. All those additional heads you see in my page are within the divs just like yours.
This code is on your page. The code that loads the iframe.
<!--
<div class="Object2141"><iframe src="http://ericrohloff.com/coffeecup/whosonline/index.html" width="168" height="auto" ALLOWTRANSPARENCY="true" scrolling="no" frameborder="0"> <p>Your browser does not support iframes.</p>
-->
The following code is the source code when it is displayed. Notice the doc type and then the head tags. Just because you didn't have anything in there doesn't mean it didn't load it. With VSD, there is default body style in the header, and it can't be deleted from within the program. I don't mind being wrong but I don't think I am this time...
<!--
<div class="Object2141">
<iframe height="auto" frameborder="0" width="168" scrolling="no" allowtransparency="true" src="http://ericrohloff.com/coffeecup/whosonline/index.html">
#document
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body style="background-color:transparent">
<!--
This is the only XHTML code for the widget that y…
-->
<div class="Widgetcontainer">
<div class="onlineWidget"></div>
</div>
-->
I removed all the body styles from my index.php so now I'm not getting any conflicts with VSD at all. So... I think it works, until someone can show it broken in a browser. Now the text shadow glitch is a VSD thing. It's that way in preview and in the standalone HTML. I've got that workaround. Maybe it's a jpeg thing as well. I can try other image formats. It's def not a deal breaker, so I'm not overly worried. I think I'm good to go. Do you still believe I'm going to run into problems down the road with this scheme?