Pequeñas dudas de mi página. Márgenes, imagen...

Hola señores, a ver si me podeis ayudar :)
Primero con algo muy sencillo que no logro hacer.

Aquí os dejo la web para que veais lo que digo. http://musicfresh.comocreartuweb.es/index.html

1) No se como quitar ese juequito que hay entre la capa de navegacion (gris) y la de abajo del contenido

2) Una tonteria increible, pero que no consigo hacer es dejar espacio entre por ejemplo el titulo, donde pone Huey Mack y eso, con la capa, es decir, que salga un pelin más abajo... lo he intentado y me salen cosas rarisimas xd

Aquí os dejo mi css para que lo veais

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
text-align: center ;}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center;}
body {text-align: center; background-image: url(objetos/macwiz.png); }
#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: #8A0829 ; border-left: black 1px solid ;
border-right: black 1px solid ; height:80px;}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }


#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 40px }


#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
.twitter-share-button {text-align:center;}



#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 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }

#pie {border-left:black 1px solid; border-right:black 1px solid;
      border-top:black 1px solid;}
		
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: black ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:blue ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: black; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}


3) Por último, tengo una duda que ya supongo que será mas dificil, me refiero a como se pone la imagen chiquitita esa de cuanod abres una pagina web te sale al lado de la url por ejemplo en los navegadores, o al lado del nombre de la web en la ventana del navegador...
Para que os entendais, la carita que tiene esta web amarilla al lado del navegador o la que tiene esta web que incluso se mueve http://freshnewtracks.com/

Espero que me podais ayudar xd

saludos
hola
primero que nada te felicito por tu css, limpio, ordenado, y fácil de leer, asi hasta dá mucho gusto ayudar jejejejej

ahora, en el html


debes contar, cuántos divs tienes abiertos, y cúantos cerrados


creo que te falta el cierre de div contenido, antes de abrir el del pie

para el espacio vació entre navegación y contenido
en el css, en contenido p, cambiale el margin por padding

con eso se soluciona

yyyyy, a la siguiente pregunta se llama favicon, en el curso de ccttw, te dice como hacerlo
descargando un programita,
yo uso photoshop, y en la red me encontré un filtro para guardar la extencion .ico, muy sencilla de usar

yy faltaba lo del espacio entre el titulo (en el css h1, ahy ponle algunos pixeles entre pading)
Muchas gracias Yaneth por la respuesta :) he intentado darte reputacion pero no me deja mas xd

Pero una cosita, me pudes decir en que curso?
es que hay curso de html de css de jquery... :)

Saludos y gracias