Background do body e da lista quebrados

[Rodrigo Burgos 0]

Olá, amigos.

Comecei a produzir a parte vizual do site da minha empresa usando css e html, acontece que o background do body sai do lugar quando é dado zoom na página ou é vizualizado em monitor mais largo e o background dos itens da lista não fica com o link no centro.

 

Link do projeto:

 

http://rodrigoburgos.com.br/viacomunicativa/salvadordaqui/

 

O código do css:

 

@charset "utf-8";
/* CSS Document */

body{
background-image:url(background.png);
font-family:Arial, Geneva, sans-serif;
background-repeat:no-repeat;
padding:auto;
margin:auto;
width: auto;
height: auto;
}

#container{
width:1064px;
height:1300px;
margin:0 auto;

}

a{
text-decoration:none;
color:#145a8d;
}

a:visited{
text-decoration:none;
color:#145a8d;	
}
p{
font-family:Arial;
font-size:12px;}
#flash{
width:806px;
height:592px;
float:right;
margin:0;
}

#logo{
width:258px;
height:426px;
background-image:url(imagens/logo.png);
background-repeat:no-repeat;
float:left;
margin:0;
display: inline
}

#menu_esquerdo{
width:171px;
height:339px;
float:left;
margin-left:87px;
margin-top:20px;
text-align:left;
}
ul{
list-style-image:url(imagens/estilo_li.png);
}

ul li { 
margin: 1em 0 1em 0;
color:#145a8d;
font-weight: bold;

}

ul li a{
color:#145a8d;
margin:10px;
}

ul li a:hover{

text-align:justify;
position:absolute;
background:url(imagens/estilo_link_li.png) center center no-repeat;
background-position:center center;
color:#CCC;
width:104px;
height:37px;
}

#newsletters{
color:#145A8D;
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
float:left;
width:171px;
height:304px;
margin-top:0px;
margin-left:0;
text-align:center;

}

#form1{ }
.email{	 
color::#145a8d;
background-image:url(imagens/text_area.png);
background-repeat:no-repeat;
width:167px;
height:30px;
border:none;
}
.enviar{
width:55px;
height:30px;
color:#FFF;
background-image:url(imagens/submit.png);
background-repeat:no-repeat;
float:right;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
border:none;
margin-top:5px;
}

#conteudo{
width:750px;
height:464px;
font-size:10px;
color:#145a8d;
margin-top:0;
float:left;
overflow:auto;
}
#box1{
width:319px;
height:226px;
float:left;
margin-left:40px;

}

#box2{
width:319px;
height:226px;
float:left;
margin-left:40px;
}

#box3{
width:319px;
height:226px;
float:left;
margin-left:40px;
}
#box4{
width:319px;
height:226px;
float:left;
margin-left:40px;
}



#rodape_midia{
background-image:url(imagens/rodape-midia.png);
width:776px;
height:85px;
float:right;
background-repeat:no-repeat;
margin-right:40px;
margin-top:30px;
}

#links{
float:right;
color:#145a8d;
font-weight: bold;
margin-top:20px;
}

#copyright{
color:#145a8d;
font-size:12px;
float:left;
margin-left:50%;
}

 

Como resolver o problema?

[Giovani 104]

background:url(background.png) no-repeat center top;

 

Pesquise sobre o background.

[Jhony ZaM 1]

Duas alternativas, se a o fundo do Body eh do tamanho da tela tente colocar um:

 

background:url(imagem) no-repeat; 
background-attachment: fixed; 
background-position:center; 

 

Se nao der certo posta ai