imagem bg

Estou dando uma manutencao em um site em asp onde se encontra uma imagem de background de tamanho 1024X768px construido em asp. Em monitores maiores fica com um fundo preto, eu nao sei como deixar essa imagem ocupando todo o espaco no monitor.

o css do arquivo:

@font-face {

 font-family: 'ErieLightBold';
 src: url('fonts/erielitb-webfont.eot');
 src: url('fonts/erielitb-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/erielitb-webfont.woff') format('woff'),
 url('fonts/erielitb-webfont.ttf') format('truetype'),
 url('fonts/erielitb-webfont.svg#ErieLightBold') format('svg');
 font-weight: normal;
 font-style: normal;

}

body,td,th {

font-family: 'ErieLightBold';
}
#externo {
position:absolute;
left:50%;
top:0px;
width:1024px;
height:719px;
z-index:1;
margin-left:-512px;
background-image:url(images/fundoteste.png);
}
#botao {
position:absolute;
left:0px;
top:500px;
width:1024px;
height:54px;
z-index:2;
background-image: url(images/fundo_bt.png);
background-repeat: repeat;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}

#botao a {

color: #FFFFFF;
text-decoration: none;
}
#redes_sociais {
position:absolute;
left:0px;
top:-1px;
width:36px;
height:12px;
z-index:3;
}
#colecoes {
position:absolute;
left:360px;
top:0px;
width:307px;
height:54px;
z-index:4;
}
#bt_radio {
position:absolute;
left:940px;
top:3px;
width:59px;
height:16px;
z-index:5;

}td img {display: block;}

#fora_conteudo {
position:absolute;
left:50%;
top:100px;
width:800px;
height:500px;
z-index:1;
margin-left:-400px;
background-image:url(images/fundo_bt.png);
color:#FFFFFF;
}
#loader {
position:absolute;
left:80%;
top:450px;
}
#titulo{
background-image: url(images/fundo_bt.png);
width: 300px;
height:20px;
font-weight: bold;
}
#titulo_dentro{
margin-left: 5px;
margin-right: 5px;
}
#foto_big{
width:450px;
height:429px;
background:#FFFFFF;
text-align:center;
}

#foto_big img{

height:335px;
}

#quadro_img{
background:#FFFFFF;
width:135px;
height:100px;
text-align:center;
}

#foto_p img{

margin-top:10%;
height:98px;
}

input{

border: 1px solid #000000;
background-color: #E4E4E4;
 }

textarea{

border: 1px solid #000000;
background-color: #E4E4E4;
 }
select {
border-collapse:collapse;
border: 1px solid #D03A29;
background-color: #E4E4E4;
}
.btn {
font-family: Calibri;
font-size: 11px;
color:White;
background-color:#990000;
font-size:12px;
font-weight:bold;
}
.titulo_loja{
background-image: url(images/titulo_bg.png);
color:#FFFFFF;
font-weight: bold;
}
.titulo_loja_detro{
margin-left: 5px;
}
.txt_justificado{
text-align: justify;
}

#press a{

text-decoration: none;
color: #FFF;
}

#press a:hover{

text-decoration: underline;
font-weight: bolder;
color: #FFF;
}