specific-browser.css with placeholder support IE

/*
Firefox
*/

@-moz-document url-prefix() {

.right_content{width:760px;float:left;text-align:left;display:inline;}

:-moz-placeholder { color: rgba(255,0,0,0.4) !important; }

/*start to write your specific browser css here*/

}

/*
Chrome + Safari + Opera
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

.right_content{width:760px;float:left;text-align:left;display:inline;}

::-webkit-input-placeholder { color: rgba(900,0,0,0.900) !important; }
/*start to write your specific browser css here*/

}

/*
Internet Explorer 10
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.right_content{width:760px;float:left;text-align:left;display:inline;}
input:-ms-input-placeholder{color: rgba(255,0,0,0.75);}
/*start to write your specific browser css here*/

}


/*textarea color not support for IE ALL*/
/*
Internet Explorer 9-10
*/
@media screen and (min-width:0\0) {

.right_content{width:760px;float:left;text-align:left;display:inline;}




}
/*
Internet Explorer 8
*/
@media \0screen\,screen\9 {

.right_content{width:760px;float:left;text-align:left;display:inline;}

/*placeholder color not support*/

}

/*
Internet Explorer 7
*/
@media screen\9 {

.right_content{width:760px;float:left;text-align:left;display:inline;}

/*placeholder color not support*/

}


/*
ONLY FOR OPERA
*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

    #my-id { clear:right; }

}

/*
only for safari
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

    #my-id { height: 100%; }

}