Pues mucho no explicas de porqué tiene que ser si o si de esa forma.
Poer bueno, si quieres algo más estable y más fácil de mantener de lo que tienes, yo haría algo así:
Código CSS:
Ver originaldiv#contenedor {
position: absolute;
left: 50%
}
div#caja {
position: relative;
left: -50%;
width: 960px;
}
La única diferencia es que se centraría de forma automática.
Pero no me queda lo del tema responsivo. Con esto al aplicarle media-queries puedes ir cambiando solo el valor del ancho de #caja y se queda centrado siempre.
Y ahora volviendo con las dudas.
Si ese elemento lo tienes dentro de otro, ¿por qué no aplicas una medida porcentual? Así consigues tener un diseño líquido. Yo creo que debe de haber una mejor solución, pero falta información. Explícate un poco más a ver.
