title: Preventing an image from being draggable or selectable without using JS
body: <p>Does anyone know of a way to make an image not draggable and not selectable -- at the same time -- in Firefox, without resorting to Javascript? Seems trivial, but here's the issue:</p>
  <ol>
  <li><p>Can be dragged and highlighted in Firefox:</p>
   
  </li>
  <li><p>So we add this, but image can still be highlighted while dragging:</p>
   
  </li>
  <li><p>So we add this, to fix the highlighting issue, but then counterintuitively, <strong>the image become draggable again.</strong> Weird, I know! Using FF 16.0.1</p>
   
  </li>
  </ol>
  <p>So, does anyone know why adding <code>-moz-user-select: none</code>, would somehow trump and disable <code>draggable=false</code>? Of course, webkit works as expected. Nothing is out there on the Interwebs about this...It would be great if we could shine some light on this together.</p>
  <p><strong>Edit:</strong> <em>This is about keeping UI elements from being inadvertently dragged and improving usability - not some lame attempt at a copy protection scheme.</em></p>