how can i stretch my background image ?

Here is one way to do it. I picked it up sometime ago from somewhere (I don't remember). Hope it serves your purpose.

<style type="text/css">
/* this actually pulls the page to the full capacity of the viewing area */
html {
height:100%;
}
body {
height:100%; 
margin:0; 
padding:0;
}
/* pulls the background image to full capacity of the viewing area */
#bg {
position:fixed; 
top:0; left:0;
 width:100%;
 height:100%;
}
/* places the content ontop of the background image */
#content {
position:relative;
 z-index:1;
}
</style>
<!--[if IE 6]>
<style type="text/css">
/*  css fixes for IE browsers */
html {
overflow-y:hidden;}
body {
overflow-y:auto;}
#bg {
position:absolute;
 z-index:-1;
}
#content {
position:static;
}
</style>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.