Wayne

background-repeat: repeat-x, repeat-x, repeat-x;???

What I don't understand is why you don't just combine all three images into one - am I missing something?

You are trying to mix css3 background styling with css2 styling, look at http://w3schools.com...backgrounds.asp especially background-origins: you would have apply each image, individually with its own specific origin property, but this might not work with what you attempting to do, so you may have to create 3 containers within each other, of the same size area, then place each background image in each container and style as needed.

Hi I am trying to create a background image consisting of a top, a middle and a bottom, each image is say 100px X 100px i have the following code but can't get the middle image to repeat, see image for example. i have tryed repeating center image, but when i do this it seems to overwrite the bottom.jpg image, is there a specific order i need to write this in? , i'd be greatful for the help Thanks

#center_area {border-top:solid 1px #000000;  background-image: url(../images/top.jpg), url(../images/center.jpg), url(../images/bottom.jpg);  background-repeat: repeat-x, no-repeat, repeat-x;  background-position: left top, left, left bottom;}