title: How can i embed a site in a chrome extension pop up
body: <p>Hi I'm trying to make a Google chrome extension that will have a button on the browser, that when clicked will open up a bubble popup with this site <a href="http://www.visualbounds.com/Private/XboxMB/Chatbox/" rel="nofollow">http://www.visualbounds.com/Private/XboxMB/Chatbox/</a> . But I'm new this and when I try and use an iframe there is nothing in the popup.</p>
  
  <p>So I guess I'm asking how can I embed the site in the pop up ?</p>
  
  <p>Heres the manifest.json if it helps.</p>
  
  <pre><code>{
    "browser_action": {
      "default_icon": "Images/16.png",
      "default_popup": "popup.html"
    },
     "background": {
        "persistent": false,
        "scripts": [ "background.js" ]
     },
     "content_scripts": [ {
        "js": [ "jquery.js", "script.js" ],
        "matches": [ "https://www.xboxmb.com/*" ],
        "run_at": "document_start"
     },{ "matches": ["http://*/*", "https://*/*" ],
        "all_frames": true,
        "js": ["content.js"]
      }
      ],
     "description": "Chat intergration for XboxMB",
     "icons": {
        "16": "Images/16.png",
        "48": "Images/48.png"
     },
     "manifest_version": 2,
     "name": "XboxMB Chatbox",
     "options_page": "options.html",
     "version": "2.2",
     "permissions": [
          "http://www.visualbounds.com/Private/XboxMB/Chatbox/mobile.html"
      ]
    }
  </code></pre>
  
  <p>And here's the popup.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
      body {width:200; height:300;}
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;iframe src="http://www.visualbounds.com/Private/XboxMB/Chatbox/mobile.html" width="100%" height="100%" frameborder="0"&gt;
      &lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help would be much appreciated.</p>
  
  <p>Kind Regards</p>
  
  <p>-Sean </p>