Ante todo, gracias por vuestras respuestas..
Decir que no hay manera, no me sale y tengo el código:
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejercicio 1</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<div id="estructura">
<div id="menu">
<ul>
<li><a href="#1" title="Link 1">Home</a></li>
<li><a href="#2" title="Link 2">Eventos</a></li>
<li><a href="#3" title="Link 3">Dardos</a></li>
<li><a href="#4" title="Link 4">Galería</a></li>
<li><a href="#5" title="Link 5">Contacto</a></li>
</ul>
</div>
</div>
<div id="bar">
<img src="rubens.jpg" width="660" height="438"/>
<p><img src="facebook.jpg"/></p>
<p>Razones para visitarnos:</p>
<p>Un pub en estilo europeo con un ambiente cálido, amistoso y divertido. Ofrece todo tipo de bebida, cervezas, refrescos, zumos, etc.</p>
<p>Ideal para tomar algo y charlar con amigos mientras se escucha la mejor musica.</p>
<p>También tenemos una mesa de billar y dardos, para divertirte con tus amigos y con nosotros.</p>
<p>¡¡No hay excusa para no presentarte y divertirte con nosotros!!</p>
</div>
</body>
</html>
EL CSS <--
Cita: div#estructura {
padding: 50px;
}
div#menu {
list-style:none;
margin:0;
padding:0;
}
div#menu li {
margin:5px;
padding:0;
float: left;
}
#menu ul{
list-style-type: none;
margin: 0 auto;
width: 600px
}
div#menu li a {
display:block;
width:100px;
padding:8px 0;
text-decoration:none;
text-align:center;
font-size:15px;
color:#FFFFFF;
background-color: #F30;
}
div#menu li a:hover {
color:#99CC00;
background-color:#003366;
}
body {
background-position:fixed;
background-image:url('fondo1.JPG');
}
div#bar {
margin-left: 10px;
margin-right: 10px;
padding: 20px;
text-align: center;
color: #FFF;
}
Saludos y gracias! :)