Hi all,

I'm trying to stretch an image with CSS using the body tag.

Here is the CSS code:

/*Background repeat on body*/
body {
background-repeat:repeat-x;
background:url(../images/blue_background.jpg);
background-color:#FFFFFF;
margin-top: 0px;
margin-bottom: auto;

blue_background.jpg is 10px in height and 3000px in width

I applied a white background so it won't repeat in the y-axis, but it repeated in both firefox and IE

Try

background:url(../images/blue_background.jpg) repeat-x;

and drop the background-color:#FFFFFF

First you've got an image 3000px wide WTF

If it is 3000px wide and 10px high then it needs to be repeated down the y-axis ie vertical to fill the screen.

If its a typo and just 300px wide then it will tile x and y with just background:url(../images/blue_background.jpg);

Good catch Rob. I didn't notice how wide it was.