CSS not working in IE9

Hi. Does anyone perhaps know why this works in safari and chrome perfectly but doesn't work in IE9??

.test {
	height: 49px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0 0;
  background: #14141
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
}

Open in new window

jonofatAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Ishaan RawatConnect With a Mentor Designer | Developer | ProgrammerCommented:
try this...

.test {
	height: 49px;
	border-radius: 5px 5px 0 0;
	background: #14141 background: url(data: image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;

	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
	background: linear-gradient(top, #32323a 0%, #141414 100%);
}

Open in new window

0
 
user_nConnect With a Mentor Commented:
Because of the difference in web browser engines.
http://en.wikipedia.org/wiki/Web_browser_engine
0
All Courses

From novice to tech pro — start learning today.