Ayuda como le quito este espacio en el pie de pagina

Hace poco temrine de crear mi página con el curso completo paso a paso es esta:

www.aunclic.net

El problema esque inserte una imagen en el pie de página y queda un espacio sobrando entre el pie de página y la imagen de la curva inferior quiera saber como quitarlo.

Aca dejo lo que tengo en el estilo-general.ccs:

* {text-indent: 0px ; margin:0px ; padding:0px ; border: 0px}
p{text-align: justify}
h1 {font-size 1.2em ; color:#FF4500 ; font-weight: bold ; text-decoration: none ; text-align: center}
h2 {font-size 1.1em ; color:#FF4500 ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ;width:800px ; height: 12px ; overflow : hidden}
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#publicidad a {font-weight: bold ; font-size: 40px ; color: #FF4500; text-decoration:none ; display: block}
#navegacion {background-color: #40E0D0 ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 166px}
#navegacion1 {background-color: #40E0D0 ; border-left: black 1px solid ; border-right: black 1px solid ; border-bottom: black 1px solid ; height:20px}
#navegacion1 li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion1 ul { margin-left: 186px}
#contenido {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px ; font-size: 20px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom ; padding-bottom:5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {font-weight: bold ; text-decoration:none ; color: #FF4500 ; font-size:15px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif)}
#pie { background-color: #40E0D0 ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 16px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#pie a {color: black; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:#FF4500 ; text-decoration:none ; background-color: none;font-weight: bold}
#pie a:active {}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden}
#producto {border-style: none ; position: center}
#pasos {float:right ; margin: 3px 3px 3px 10px ; padding-bottom:5px}
#formulario {text-align: left}
#formulario p {color: #FF4500 ; padding: 5px 10px 5px 10px ; font-weight: bold ; font-size: 15px}
a {color: black; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover{color:#FF4500 ; text-decoration:none ; background-color: none ; font-weight: bold}
a:active {}

gracias de antemano espero que alguien me pueda ayudar.

Solucion muy simple, la imagen que has colocado, tiene 60px de alto, y tu le has dado una altura fija al div "pie" en la hoja de estilos (.css) de 65px; ves reduciendo poco a poco ese valor hasta que no te aparezca ese hueco o hasta que ese hueco sea minusculo.

Saludos

gracias por tu respuesta, ya eh intentando eso asi lo deje en 1 sigue el espacio, hasta e intentado eliminando el height: 65px que le puse al pie pero nada.

margin-bottom:0px en el body y tambien en el div que contiene el pie

en el estilo ccs agregue esa liena de codigo margin-bottom:0px

pero sigue =

y en el body nose como ponerla si me podrias indicar gracias por tu respuesta

3rps escribió:margin-bottom:0px en el body y tambien en el div que contiene el pie

Perdon, me puse a editar el css de tu web... Lo único que tienes que hacer es cambiar en el div #global el margin:4px auto; por margin:0px auto;

yo no veo el espacio en blanco

donde dices que está????

Yaneth escribió:yo no veo el espacio en blanco

donde dices que está????

depende del navegador que uses, si no se especifica en el css el navegador lo interpreta ciertas cosas a su modo.

Aclaro a rony que en tu index no lo vas a lograr porque es muy corto de contenido, pero en los que son más largos sí.
saludos
PD: "alcanze" va con c

Hola,
Con cambiar el alto del div a 60 quedó arreglado, pero en la versión online no está actualizado.
Saludos