Firefox image selecting bug CSS

Question

I am working on project and added images as relative positions. But in browsers images are working fine except Firefox. When i click image it selects the image. You can see by visit this link :

Visit : http://tinypic.com/r/5e7go1/8

or you can check website URL : http://cqindia.org/website/ here i uploaded the website.

When you open this website in firefox and scroll down to slider section then you can see the bug.

Main problem is when i click background image i select the image.

I have already tried too many things : Like - positions to absolute and changed z-index but nothing work.

Also i have visited some stack pages but no answer found.

Already used this css code :

.main_container section img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

Thanks

Answer 1

Try disabling user selecting on that image:

 -moz-user-select: none;

If that works, all browsers can be addressed via:

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;