title: My CSS is not getting injected through my content script
body: <p>Can anyone explain this to me. I'm trying to inject a CSS file onto a webpage using the content_script with Google extensions, but my css file never gets added to the webpage. Can someone tell me what I'm doing wrong and help me fix it? thanks</p>
  
  <p>Manifest:</p>
  
  <pre><code>{
    "name": "Extension",
    "version": "0",
    "description": "",
  
  
    "permissions": ["tabs", "http://*/*", "https://*/*", "file:///*/*"],
      "content_scripts": [
      {
          "matches": [ "http://*/*", "https://*/*", "file:///*/*"],
          "css": ["myStyles.css"],
          "js": ["myScript.js"],
          "all_frames": true
      }
    ]
  }
  </code></pre>
  
  <p>myStyles.css</p>
  
  <pre><code>#test {
      margin: 0 10px;
      background: #fff;
      padding: 3px;
      color: #000;
  }
  </code></pre>