Hi everyone, I’m trying to create my design from photoshop to html/css. I have a header image that takes up the full width of my design page that has a total of 963px. The header image dimension is therefore 963px by 331px in height. The image is a custom design and cannot be repeated with a sliced image but rather appear as is. I’d like for the image to show in the full width of any browser without being bound to its 963px width causing it to show up in the top center of the page if the screen resolution doesn’t fit my design’s. I also do not wish to see any stretching effect. I use the following code:
#header {
margin-top:-12px;
display:block;
width:100%;
height:331px;
background:url(../images/top_background.gif) no-repeat center top;
}