Javascript: Create element that does not inherit css?
<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>