Hello all. I am having a little confusion with something on my webpage.

In my html I have the following:

Code:
<table width="100%">
<tr>

<td colspan=6 align="center">

<iframe></iframe>

</tr>


<tr>

Yet, when I go and look at my page via inspector, the following appears:

Code:
<iframe>

    #document
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
        <html lang="en" xmlns="" xmlns:fb="" xml:lang="en">
            <head></head>
            <body id="chat" class="popout_chat" data-page="chat#embed">
                <script type="text/javascript"></script>
                <script type="text/javascript"></script>
                <script type="text/javascript"></script>
                <script></script>
                <script type="text/javascript"></script>
                <table>
                    <tbody>
                        <tr>
                            <td>
                                <p id="small_notice" class="error" style=""></p>
                                <div id="wrapper">
                                    <div id="chat_redisplay_holder" style="display:none"></div>
                                    <div id="twitch_chat" class="chat_box">
                                        <img id="chat_loading_spinner" style="display: none;" src=""></img>
                                        <div id="chat_lines" class="" onscroll="CurrentChat.set_currently_scrolling()" style="max-height: 112px; height: 146px;"></div>
                                        <div id="speak" class=""></div>
                                        <div id="user_info" style="display:none"></div>
                                    </div>
                                    <script type="text/javascript"></script>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div id="chat_settings_dropmenu" class="dropmenu menu-like" style="display: none; position: absolute; top: 0px; left: 0px;"></div>
                <div id="chat_viewers_dropmenu" class="dropmenu chat ui-draggable" style="display: none; position: absolute; top: 0px; left: 0px;"></div>
                <script type="text/javascript"></script>
                <div id="fb-root" class=" fb_reset"></div>
                <script type="text/javascript" src=""></script>
            </body>
            <object id="site_chat_flash" height="0px" width="0px" type="application/x-shockwave-flash" name="site_chat_flash" style="position: absolute; visibility: visible;" data="/widgets/site_chat.swf"></object>
        </html>

</iframe>
So, my question is simple. How do I find find out where that code is coming from.


Thank you in advance.