Problema con footer

[Joni2Back]

Hola gente
Tengo un problema con un footer, al estar la web maximizada o con tamaño superior a 1024x768 todo bien
pero cuando la achico, el footer tambien se achica como si estuviera a un 80% de ancho, probe de todo pero nada lo resuelve, estare haciendo algo mal?

Aca va una imagen del problema y el codigo css+html
radiobot.com.ar/images/wtf.jpg

Código HTML:

<div id="general">
  <div id="header"></div>
  <div id="contenido"> </div>
  <div id="footer"> </div>
</div>
 

Código CSS:

html, body, #general {
    min-height: 100%; 
    width: auto;
    height: 100%; 
    margin:0;
    padding: 0; }
    
    
body {
    text-align:center;
    background: #D9F9FF url('../images/bg.png');
    background-position:top center;
    background-repeat: repeat-x;
    font-family:'Palatino Linotype'; }
    
    
html>body, html>body #general { height: auto; }
 
 
 
#general {
    position: absolute;
    width:100%;
    top: 0;
    left: 0;
    text-align:left; }
 
#header {
    background:  url('../images/header.png');
    background-position:top right;
    background-repeat: no-repeat;
    margin:0 auto 0 auto;
    width:850px;
    height:165px;}
    
#contenido {
    width: 920px;
    margin-bottom: 11em;  } 
    
    
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height:180px;
    color:#FFFFFF;
    background: url('../images/footer.gif');
    background-position:bottom center;
    background-repeat: repeat-x;
    margin: 0px 0px 0px 0px ; }