Background image is stretching
- by yaip
I have a 40x1000 jpg file for my background. My CSS is as follows:
body
{
margin: 0px;
padding:0 px;
text-align: center;
background-image: url(jute_for_web1.jpg) ;
background-repeat: repeat-x;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
border-top:0px;
height:100%;
width:100%;
}
div.container
{
text-align: left;
border-color: Black;
border-width: 0px;
border-style: solid;
width: 1000px;
height: 768px;
margin: 5px auto;
background-color:White;
}
This stretches my image. What am I doing wrong?
