Question

how can i use 2 image for the body the first background will be at the top with no repeat , the second image will be after the first one with repeat , in Firefox i can do that easily but my problem in IE

Answer 1

It’s possible to add multiple backgrounds in IE using a proprietary filter

As taken from the linked site, the IE code is as follows:

<!--[if gt IE 7]> 
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs, dont forget to insert your wrappers id */ 
#outerWrapper #contentWrapper, #outerWrapper #contentWrapper #content { 
  zoom: 1; 
} 
/* Now lets make it IE8 Multi-background images */ 
#multipleBackgroundImages { 
  background-image: url(../images/lilys.jpg); 
  background-position: bottom right; 
  background-repeat: no-repeat; 
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/lakeside2.png', sizingMethod='crop')"; 
  border: 1px solid black; 
  padding: 0 1em; 
} 
/* Fix for IE clearType */ 
#multipleBackgroundImages p { 
    position: relative; /* required to re-enable IE's clearType */ 
   } 
</style> 
<![endif]-->