background image 100%


body{-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;
background:url(../images/main_inner_bg.jpg) no-repeat fixed center top / cover transparent;
background-repeat: no-repeat;
min-width: 100% !important;
width: 100% !important;
}

For ie

/*IMAGE Opacity in IE */

<style type=”text/css”>
/* IE7 */
/*
*+html .cb-slideshow li span {
background-image: url(<?php echo $ie7; ?>);
}
*/
.cb-slideshow li span {

background-image: url(<?php echo $ie7; ?>);
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src=<?php echo $ie7; ?>,
sizingMethod=’scale’);
}

/* IE7, IE8 */
/*.cb-slideshow li span{
background-image: url(<?php echo $ie8; ?>)/; }
*/
</style>

IE 7 css hack


How to Target IE6, IE7, and IE8 Uniquely
IE8 and Below hack

body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
}

IE7 and Below
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
}
IE6 hack
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}

Conditional Comments
<!–

rakesh-saini