Código HTML:
<head>
<title>OverSouL</title>
<style type="text/css">
*{padding:0px;
margin:0px}
#header{margin:auto;width:500px;font-family:Arial,Helverica,sans-serif;}
ul,ol{list-style:none;}
.nav li a{background-color:#000;color:#fff;text-decoration:none;padding:10px 15px;display:block;}
.nav li a:hover{background-color:#565151}
.nav > li{float:left;}
.nav li ul{display:none;position:absolute;min-width:140px;}
.nav li:hover>ul{display:block;}
.nav li ul li{pisition:relative;}
.nav li ul li ul{right: -140px; top:0px;}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider ').coinslider({ width: 900,height:400, navigation: true, delay: 8000 })});
</script>
</head>
<body background="I7.jpg">
<div id="header">
<ul class="nav">
<li><a href=""><b>Inicio</b></a><li>
<li><a href=""><b>Guias de cada Clase</b></a>
<ul><b>
<li><a href=""><font color="#6b441a">Guerrero</font></a></li>
<li><a href=""><font color="#f67eae">Paladin</font></a></li>
<li><a href=""><font color="#eb0c36">Caballero de la muerte</font></a></li>
<li><a href=""><font color="#0a3bb7">Chaman</font></a></li>
<li><a href=""><font color="#42ba39">Cazador</font></a></li>
<li><a href=""><font color="#0cb9eb">Mago</font></a>
<li><a href=""><font color="#8049a3">Brujo </font></a></li>
<li><a href=""><font color="#f6fbfb">Sacerdote</font></a></li>
<li><a href=""><font color="#ebdf26">Picaro</font></a></li>
<li><a href=""><font color="#f0870c">Druida</font></a></li>
</b>
</li>
</ul>
</li>
<li><a href=""><b>JcJ</b></a>
<ul><b>
<li><a href="">Arenas</a></b>
<ul><b>
<li><a href="">Guia 2c2</a></li>
<li><a href="">Guia 3C3</a></li>
<li><a href="">Guia 5c5</a></li>
</b>
</li>
</ul>
<b>
<li><a href="">Torneos y eventos</a></li>
</b>
</ul>
</li>
<li><a href=""><b>Addons</b></a></li>
<li><a href=""><b>Noticias</b></a></li>
</ul>
</div>
<br>
<br>
<br>
<br>
<font face ="arial">
<center>
<br>
<div id='coin-slider'>
<a href="" target="_blank">
<img src='01.JPG' >
<span>
<p align="left"><b> Eventos PVP</b><br/ > Invaciones a todos los reyes de la horda<br> todo por logros por montura o simplemente por pura diversion </p> </span>
</a>
<a href="" target="_blank">
<img src='02.jpg' >
<span>
<p align="left"><b>Profeciones</b><br>Todas y cada una de las profeciones del juego estan a dispocion de todos<br>con la contribucion de lo que se necesita para crearlos. </p></span>
</a>
<a href="" target="_blank">
<img src='03.jpg' >
<span>
<p align="left"><b>PvE </b><br> Solo se realiza PVE para ayudar a nuevos jugadores a armarse en el sentido de conseguir una buena arma o un buen abalorio <br>con el fin de mejorar mucho su daño PVP (Arenas, BG,Duelos ) y de este modo dejar bien parada a la hermandad </p></span>
</a>
<a href="" target="_blank">
<img src='04.jpg' >
<span>
<p align="left"><b>Expancion Woltk</b><br> Actualmente nuestro servidor se encuentra en la vercion 3.5.5a <br> difrutemoslo y esperemos tenerlo por un buen tiempo </p></span>
</a>
</div>
</body>
la verdad creo que tienes la respuesta pero nose como aplicarla xDD
soy nuevo en esto y la verdad no entendi x) ai te dejo como esta extructurado lo q estoy haciendo