background image

Hi there XD, im re-writing on-top of the wordpress default theme to create a theme for my website, however I can’t seem toget the background image to appear that is 1680 in size behind my page design that is 1000px in size, can anyone help me fix this ?? – here is my css in progress so far:

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
background-color: #607382;
background: #607382 url(‘images/background.png’ top center no-repeat;
}

#page {
background: #607382 url(‘images/page.png’) repeat-y center;
text-align: left;
color: #ddd;
margin: 20px auto;
width: 1000px;
}

#header { height: 140px; background: #607382 url(‘images/header.png’) no-repeat bottom center; }
#header .tagline { padding: 63px 0 0 108px; }
#header .tagline a { color: #fff; }

/* menu
————————————————————– */

#menu { width: 550px; float: left; margin: 15px 0 0 20px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }
#menu li a { padding: 0; text-decoration: none; color: #ddd; }
#menu li a:hover { padding: 0; text-decoration: underline; }
#menu li span { display: block; float: left; padding: 0 0px 0 22px; }
#menu li span.home { background: url(images/bg/home.gif) no-repeat; }
#menu li span.home:hover { background: url(images/bg/home.gif) no-repeat; }
#menu li span.about { background: url(images/bg/info.gif) no-repeat; }
#menu li span.archives { background: url(images/bg/hourglass.gif) no-repeat; }
#menu li span.subscribe { background: url(images/bg/favourite.gif) no-repeat; }
#menu li span.contact { background: url(images/bg/mail.gif) no-repeat; }

/* Form styles
————————————————————– */
input.search_input { border: 0; width: 300px; height: 24px; background: url(images/input.png) no-repeat; color: #9BE01B; font-weight: bold; }
input.submit_input { border: 0; width: 65px; height: 24px; background: /*#E0691A*/ url(images/submit.png) no-repeat; color: #FFF; font: bold 0.9em arial, sans-serif; }

a { color: #eb6f00; text-decoration: none; }
a:hover { color: #ddd; text-decoration: none; }

#content { margin: 0 0 0 20px; width: 960; }

#footer { height: 44px; background: #607382 url(‘images/footer.png’) no-repeat top; }