title: Javascript: Create element that does not inherit css?
body: <p>I'm making a simple greasemonkey script for school that adds an ugly yellow box with some links to all websites. Currently I simply do this:</p>
  
  <pre><code>var guesses_div = document.createElement("div");
  guesses_div.style.position = "fixed";
  guesses_div.style.right = "0";
  guesses_div.style.bottom = "0";
  guesses_div.style.backgroundColor = "rgb(255, 255, 0)"
  // here I add some links to the "guesses_div"
  </code></pre>
  
  <p>This code works fine. However, it inherits the style from the web page it's on. Is there a way to prevent this? Other than overriding all the style elements one by one?</p>
  
  <p>Thanks!</p>