I have a body background image that is set to repeat on the x-axis. Then I have a wrapper div with a width of 940. Upon resizing to smaller sizes, the background image on the body doesn’t scale properly unless it’s 50%. The dimension of the body png is 84 x 150. Is there any way to get it to scale right?
http://www.nvcc.edu/home/ssuh/test/
body {
background: url(../img/body.png) repeat-x #f4f4f4 top left;
}
#wrap {
width: 940px;
background-color: #fff;
margin: 0 auto;
}
#title-bar {
background: url(../img/topBarBg.png) repeat-x bottom;
height: 50px;
display: block;
}