Cross browser blur effect in CSS/CSS3

blur.css

.blur {
	-webkit-filter: url(#blur);
	filter: url(#blur);
	-webkit-filter: blur(3px);
	filter: blur(3px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	-webkit-transition: 1s -webkit-filter linear;
	transition: 1s filter linear;
}
.blur:hover {
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
	-webkit-filter: blur(0px);
	filter: blur(0px);
}