I can't figure out what I'm doing wrong. I've googled my problem and searched this forum but still can't figure it out so I'm breaking down and begging for help!! Here is some of my CSS wherein I think the problem may lie: body { margin: 0px; padding: 0px; background: #e0d7a8 url(images/scallop.jpg)repeat-y center top; max-width: 100%; display: table; color: #324138; font: 15px/17px 'Palatino Linotype', 'Book Antiqua', Palatino, serif;; } #wrap { background: #ffffff; width: 900px; position:relative; margin: 0px auto; } #content { width: 860px; float: left; text-align: left; padding: 10px 20px 20px 20px; margin: 0px; position: relative; ANY IDEAS???
With this line, you may want to further separate ) and repeat-y in this manner: background: #e0d7a8 url(images/scallop.jpg) repeat-y center top; You had no gap in between them. Tell me if it works out for you. Also there's a solid background color #fff for #wrap which may have totally stand between the body background and you. Try erasing that.