I know this has been asked I thought I was doing it correctly but it's only stretching the height of the content.Here is my example:
My css is as follows:\[code\]body { background-color: #ffffff; font-size: .85em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #4c89b6; background-image: url('../Content/images/tribackground.png'); background-repeat: repeat-x; background-size: 1px 100%;}\[/code\]Any suggestions on how to get this to fill the page with the background?======= UPDATE =======I made the change to the following:\[code\]body { background-color: #ffffff; font-size: .85em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #4c89b6; backgound-size: cover; background-image: url('../Content/images/tribackground.png'); background-repeat: repeat-x;}\[/code\]I also tried:\[code\]body { background-color: #ffffff; font-size: .85em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #4c89b6; background-size:100%; background-image: url('../Content/images/tribackground.png'); background-repeat: repeat-x;}\[/code\]both did this:
