Div se mueve segun la resolución del navegador

[guzzano]

Buenas chicos, tengo un problema, cuando le doy mas tamaño a mi navegador el div #credits se queda siempre de ultimo, pero cuando le quito tamaño al navegador se sube y se monta encima de otros divs.

Aquí normal: http://i42.tinypic.com/n5cw1.jpg
Aquí cuando cambio el tamaño del navegador a mas pequeño: http://i44.tinypic.com/mhy51y.jpg

Código CSS:

body
{
    background: #333;
 
    font-family: 'Arial'; 
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
}   
 
#body_box
{   
    width: 290px;
 
    margin: auto;
 
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
 
    background: #fff;
    
    border: 1px solid black;
    box-shadow: 1px 5px 20px rgba(0,0,0,0.90);
    border-radius: 10px 0 2em 4pt;
    -ms-border-radius: 10px 0 2em 4pt;
    -moz-border-radius: 10px 0 2em 4pt;
    -webkit-border-radius: 10px 0 2em 4pt;
    -khtml-border-radius: 10px 0 2em 4pt;
 
    text-align: center;
}
 
#credits
{
    position: absolute;
     
    bottom: 1px;
    right: 30%;
    left: 30%;
 
    clear: both;
 
    background: #fff;
    
    border: 1px solid black;
}
 

Saludos y gracias.