title: changing the background image on mouse down
body: <p>I have a slight problem that I swear should work...it kinda seems like a silly question ...but here it is ...
  i want a div i created to act as a button ...it how ever does not want to change its background when i click on it( giving the effect of a button)
  here's my code :</p>
  
  <pre><code>&lt;!doctype html&gt;
   &lt;html&gt;
   &lt;head&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;title&gt;Untitled Document&lt;/title&gt;
   &lt;style&gt;
   #button1 {
       width:100px;
       height:50px;
       background-image:url(normalbutton.jpg)
   }
   &lt;/style&gt;
   &lt;/head&gt;
  
   &lt;body class="asd"&gt;
   &lt;div id="container"&gt;
   &lt;a href="#"&gt;
   &lt;div id="button1" onmousedown="document.getElementById("button1").style.backgroundImage='url(onmousedownbutton.jpg)'"&gt;&lt;/div&gt;&lt;/a&gt;
  
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>