problema con la barra de menu "display block"

me e liado en algo ._.
haci debe ser
haci lo tengo
[contenido no disponible]

aqui le dejo los datos
[contenido no disponible]

[contenido no disponible]

espero su ayuda jeje :)

el problema es que lo amarillo de menu se corre todo en vez de ser solo un cuadro como la imagen del ejemplo :?

PDS: por ahi lei que en preview no se ven los cambios y solo en la red pues lo abri en la red ys e ve igual :roll:
hola pupilo miremos para ver en la plantilla tienes que quitar <div id="menu">menu que esta en rojo
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</div>

    en estilos yo le pongo en el font-size 1,0px para que la letra quede mas pequeña usted puede hacer asi o como quieras.
    a {color: brown; font-size:1.0em ; text-decoration: none ; display:block}
    aqui te falta el complemento que le muestro
    a:hover {color:red ; text-decoration:underline ; background-color:silver}
    aqui solo son 150px que es el ancho de la capa menu usted pone 800px por eso ocupa toda la pagina.
    #menu {background-color: yellow ; width: 150px ; float:left ;
    text-align:left ; margin:3px 10px 3px 3px}