Vale, pongo esto por si a alguien le pasa algo por el estilo y no sabe solucionarlo, yo he conseguido hacerlo pero un poco chapuzero, mejor que nada es xD
Ahora solo me queda el background del #content que no me saca nada, ni background-image ni background-color si alguien lo saca antes que yo o lo sabe, se agradece la ayuda
Aqui las modificaciones en el CSS:
Cita: #nav
{
height:120px;
position:relative;
top:-52px;
font-size:3.3em; /* 1 */
color: silver;
background-image:url('../imgs/red015.jpg');
}
#nav li
{
padding-bottom:1000px;
margin:70px; /* 1 */
font-family: Courier;
text-align: center;
list-style: none;
display: inline;
}
li.contenido
{
position:relative; /* 1 */
top:8px; /* 1 */
background-image:url('../imgs/book.png');
background-repeat:no-repeat;
}
li.videos
{
position:relative; /* 1 */
top:8px; /* 1 */
padding-left:20px;
background-image:url('../imgs/film.png');
background-repeat:no-repeat;
}
li.contacto
{
position:relative; /* 1 */
top:8px; /* 1 */
padding-left:10px;
background-image:url('../imgs/mail.png');
background-repeat:no-repeat;
}
#nav li a
{
position:relative; /* 1 */
top:40px; /* 1 */
left:-45px; /* 1 */
color: orange;
margin:12px; /* 1 */
padding: 15px; /* 1 */
font-size: 18px; /* 1 */
text-decoration: none;
}