CSS background problem !

[mons87]

Hey all , i am new in html and css i am stuck and i need your help,

I created a log in screen 800px*600px the case i faced in the background i took 1px from my background to repeat it (repeat-x;) when i tested in the browser the repeated stop in 600px height but i want the background to fill the whole browser so i used (background-size: contain;) and it is work in chrome and IE9 but it dosnot work in ( IE8 Firefox/3.6.28)

Any one now how i can solve this problem?

Note:The background repeated added to the body … and this is the code

html{



background:  url(../Img/Body---bg--2.png) repeat-x;

background-size: contain;



}



#wrraper {

position: relative;

width:800px;

margin:0 auto;



}

[chrisburton]

Just use repeat instead of repeat-x?

[mons87]

@ChristopherBurton is there any way here to post image to show you what i end up with?

[chrisburton]

@mons87

Upload it to Tinypic and then take the url of the image (tinypic.com/blahblah.jpg) and post it like this:

[Author]

Posts