I don't know if this would be causing problems but: Padding is spelt incorrectly
Code:
body {
background: #363942 url(../images/bg.jpg) repeat-y top center;
margin: 0;
paddign: 0;
text-align:left;
}
and I would remove only the following in red and leave the rest:
(why? transparent urls generally tell browsers to resize an image based on screen resolution... which isn't a good thing since websites are generally created with raster images, and any modification will create ragged edges
)
Code:
body {
background: #363942 url(../images/bg.jpg) repeat-y top center;
margin: 0;
paddign: 0;
text-align:left;
}
#header {
position:absolute;
top:0px;
width: 900px;
height: 133px;
left:50%;
margin-left: -450px;
background: transparent url(../images/header.jpg) no-repeat top;
}
#bottom {
position:absolute;
left: 50%;
width: 900px;
bottom: 0px;
margin-left: -450px;
height: 64px;
background: transparent url(../images/bottom.jpg) no-repeat top;
}
Since the header and footer are the same size I would change both lines that say:
Code:
margin-left: -450px;
into: