ok i have a small rpoblem with my css not sure what it is i’ve tried several things to no avail my problem is that the background color won’t stretch 100% of the page like ive said i’ve tried severl things and the background color stretchs the whole page in FF3 but not FF2, IE6, or seamonkey. it ends up looking like this http://i434.photobucket.com/albums/qq68/xerodill/pic-0-1.jpg
here is my css
/*** Hyper Links ***/
a:link {
color: #3399CC;
}
a:visited {
color: #FF0033;
}
/*** Body ****/
body {
margin: 0;
padding 0;
height 768px;
position: relative;
background-color: #FFFFCC;
font-family: sans-serif;
font-size: 16px;
}
/*** Container ***/
#container {
width: 986px;
margin: 0 auto 0 auto;
background-color: #FFFFCC;
}
/*** Content ***/
#content {
padding:10px;
}
/*** Paragraphs ***/
p {
font-weight: normal;
font-size: 15px;
padding: 0 4px 4px 4px;
margin: 0 0 0 0;
}
/*** Logo ***/
#logo {
height: 109px;
width: 986px;
text-align: center;
background-image: url(../img/logo.png);
}
/*** Navigation ***/
#navcontainer {
float: left;
width: 130px;
height: 100%;
}
#nav {
width: 125px;
height: 25px;
padding: 1px;
float: left;
text-align: left;
font-size: 20px;
color: #FF0033;
background-image: url(../img/nav.png);
}
/*** Footer
#footer {
background-color: #FFFFCC;
padding: 16px 8px 8px 8px;
margin: 16px 0 0 0;
}*/
/*** Padding ***/
#padding {
padding: 10px;
}
#padding1 {
padding: 5px;
}
#space {
width: 125px;
height: 25px;
padding: 1px;
float: left;
background-image: url(../img/space.png);
}
/*** Images ***/
#img {
float: right;
height: 150px;
}
** Edit **
ok well i managed to fix the problems by using standard html over xhtml there is prolly another way i could have done it but this was the easiest