chrome extension insert content script on browser action
===

I am trying to make basically an element highlighter chrome extension.
Workflow:
 - click on browser icon
 - click on the page
 - hightlight the element clicked

I am having troubles in running content scripts upon browser action using manifest_version:2
When I inspect the popup that appears it says:

> Refused to execute inline script because it violates the following
> Content Security Policy directive: "script-src 'self'
> chrome-extension-resource:" (popup.html:5).

Which is where the inline script in popup.html is and the script does not work

I have: 

manifest.json:

    {
       "browser_action": {
          "default_icon": "images/icon.gif",
          "default_popup": "popup.html"
       },
       "manifest_version": 2,
       "description": "MEH!",
       "name": "My First Extension",
       "permissions": [
          "tabs", "http://*/*", "https://*/*"
       ],
       "version": "0.1"
    }

popup.html:

    <html>
      <head>
      </head>
      <body>
        <script>
          chrome.tabs.executeScript(null,{
            code:"document.body.style.backgroundColor='red'"
          });
        </script>
        <div id='msg' style="width:300px">...</div>
      </body>
    </html>

Any help would be very much appreciated