Que tal a todos... estoy maquetando una pagina pero la cual me da el siguiente problema visto en la imagen
TUVE UN ERROR AL CREAR LA IMAGEN LA PRIMERA ES LA DESEADA Y LA SEGUNDA EL RESULTADO 
El codigo que tengo es el siguiente:
Código:
#Header{ width:767px;height:75px;margin:0 auto;}
#Contenido {width:767px;height:auto;margin:0 auto; margin-bottom:10px; padding:0; }
#Contenido .Sidebar{ background-color: #333333; width: 20%; float:right;height:auto;;margin:0 auto; padding:0;}
#Footer {background-image:url(img/bg_footer.gif);margin:0 auto; padding:10px; padding-top: 18px; width:98%; height:24px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:white; font-size:14px;}