title: Preventing images and text to be selected
body: <p>I have an image being hacked in as a background image (as shown <a href="http://webdesign.about.com/od/css3/f/blfaqbgsize.htm" rel="noreferrer">here</a>).  I've noticed that if I drag my mouse over it though, it selected the image so that it can't be deselected.  I've tried the following code to no avail:</p>
  
  <pre><code>    &lt;style type="text/css"&gt;
          html, body {
              height: 100%;
              margin: 0;
              padding: 0;
          }
          img#bg {
              position:fixed;
              top:0;
              left:0;
              width:100%;
              height:100%;
          }
          #content {
              position:relative;
              z-index:1;
              top:0px;
              left:0px;
          }
          *.unselectable {
              -moz-user-select: -moz-none;
              -khtml-user-select: none;
              -webkit-user-select: none;
              -o-user-select: none;
              user-select: none;
          }
      &lt;/style&gt;
  </code></pre>
  
  <p>Any ideas?</p>