Tamaño absoluto y relativo

[soy_nicanor]

Tengo este codigo

Código CSS:

<style type="text/css">
#contenedor
{
    background-color:#FFFF00;
    border:solid 1px #000000;
    width:100%;
    height:400px;
}
#contenido
{
    background:#CCCCCC;
    width:800px;
    height:100px;
}
</style>
 

Código HTML:

<div id="contenedor"> 
<div id="contenido"> 
Hola Mundo
</div> 
</div>
 

pagina normal se ve asi

Mi problema es cuando maximizo el zoom del navegador,
el div contenido se pasa al div contenedor.


Se veo feo Como lo arreglo