Background won’t fill page

[nchipping]

Background won’t completely fill the page… Any suggestions?

http://www.meandmyback.com/provident-living/

Here’s the HTML:

Code:

• 

• 

“You cannot improve that
which you do not track.”

Take control of your finances with
our easy-to-use tracking and
budgeting software and begin the
journey to financial freedom.

By the way, we thought it only
fair to tell you that this is the only
step our competitors provide. But
there are still 2 vital steps…

• Over 100 powerful calculators created by our team of highly-specialized mathematicians gives you ultimate ability to see “what if” situations.
• Solid, provident advice in all major aspects of your financial life, provided by experts.

You will inevitably make some
decisions on your own, but when
it comes to your financial future,
you want to know you’re getting
the best advice possible.

We are assembling the most
qualified and wide team of
professional advisors in one
place than ever before.

The Success Spiral

What is it? Learn about this powerful concept, and why it is the foundation of our provident philosophy, and your financial success!

& Now the CSS:

Code:

* {
margin:0;
padding:0;
}
#background {
background-color: #364565;
}
#container {
margin: 0 auto;
padding-top: 70px;
width: 910px;
padding-bottom:inherit;
}
#header {
height: 100px;
width: 647px;
font-family:Arial, Helvetica, sans-serif;
font-size:large;
background-color:#FFF;
}
#header ul {
list-style:none;
display:block;
float:right;
width: 300px;
}
#header ul li {
list-style:none;
float: right;
display:block;
font-size:10px;
margin: -28px 190px 50px 0px;
width: 90px;
padding-left: 5px;
padding-right: 5px;
}
#headerimage {
margin:3px 25px 25px 25px;
}
#header-login {
float:right;
margin: 40px -150px 0px 20px;
}
#header-login ul li {
margin: 10px;
padding: 5px;
}
#main {
float: left;
width: 638px;
padding: 5px;
margin: -32px 0px 0px 0px;
background-color:#FFF;
}
#main1 {
float:left;
width: 190px;
padding:5px;
margin: 5px;
text-align:right;
}
#main2 {
float: left;
width: 190px;
padding: 5px;
margin: 5px;
border-left: solid 1px #364565;
border-right: solid 1px #364565;
text-align:center;
}
#main2 ul li{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#main3 {
float:right;
width:190px;
padding: 5px;
margin: 5px;
text-align:left;
}

#main-right {
float: right;
width:249px;
height:410px;
margin: -145px 0px 0px 0px;
background-color: #FFF;
}
#main-right2 {
float:right;
width: 219px;
height:130px;
margin-left: 5px;
margin-top: 12px;
padding: 15px;
background-color: #E8A722;
font-family:Arial, Helvetica, sans-serif;
color: #364565;
}
#main-right2 p {
font-weight:500;
}
#align {
margin-left: 150px;
}
#align2 {
margin-left: 5px;
}
#main-right2 p b a {
text-decoration:none;
color: #364565;
border:none;
}
#main-right2 p b a:hover {
text-decoration: underline;
color: #999;
}
#main-right2 p b a:visited {
color: #364565;
text-decoration:none;
}
#h1 {
font-family: Arial, Helvetica, sans-serif;
margin-left:310px;
margin-top:-140px;
margin-bottom:12px;
}
.clear {
clear:both;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}
img {
border:none;
}

[apostrophe]

Why do you have it in a div? Just put it on the body:

Code:

body {
background:#364565 none repeat scroll 0 0;
}

[nchipping]

I feel really smart… Thanks :)

[Author]

Posts