Запрет на взаимодействие с объектами
 

Нужно запретить выделение текста и перетаскивание картинок в блоке, который нужно таскать мышкой, а то иногда вместо перетаскивания блока выделяется текст или таскаются картинки...
Как бы это сделать?

в CSS3

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

для IE добавить элементу

onselectstart=«return false»

Для оперы на js . в яндексе есть костыли

Пример решения на javascript в том числе и для оперы

$(function(){
	$.extend($.fn.disableTextSelect = function() {
		return this.each(function(){
			if($.browser.mozilla){//Firefox
				$(this).css('MozUserSelect','none');
			}else if($.browser.msie){//IE
				$(this).bind('selectstart',function(){return false;});
			}else{//Opera, etc.
				$(this).mousedown(function(){return false;});
			}
		});
	});
	$('.unselectable').disableTextSelect();
});

ещё очень простое решение поставить прозрачный div верхним слоем, такого же размера что и блок который надо защитить от выделения.