Problema con el titulo del menu izquierdo

Saludos pues esta es mi primer fallo, el caso es que voy siguiendo el curso paso a paso y en el aspecto va igualito a las lecciónes, pero en el funcionamiento me he topado con que en el titulo del menu lateral izquierdo donde va "Titulo de sección 1" en Iexplorer si pones el cursor sobre él se seleccióna la ultima "sección" de la barra de navegación y en mozilla firefox se selecióna completamente como link cuando no tiene esa instruccion ni en html ni en css.

y pues quiciera saber que he puesto mal o a que se debe o que debo hacer para que solo apresca como un titulo normal.

esta es la pagina actualizada
http://lasombracarmesi.mygamesonline.org/plantilla.html

esta es la hoja html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
		 <div id="logotipo">[url="index.html"][img]objetos/logotipo.gif[/img][/url]</div>
		 <div id="publicidad">Bienvenidos a mi Web</div>
		 </div>
	<div id="navegacion">
			<ul>
			 [*]<a href="#">Sección 1
			 [*]<a href="#">Sección 2
			 [*]<a href="#">Sección 3
			 [*]<a href="#">Sección 4
			 [/list]
	</div>
<div id="contenido">
		 <div id="menu">
		 <h1>Titulo de sección 1</h1>
		 <ul>
		 [*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][*][url="#"]Enlace 4[/url]
		 <ul/>
		 </div>
		 <h1>Esta será la zona principal de la web</h1>
		 

Bueno, siguiendo el ejemplo del master escribiré solo por escribir :P y decir lo mucho que estoy aprendiendo con 
		 					 entas lecciónes y lo divertido que son cada una de las lecciónes.</p>
		 <h2>En el tercer parrafo.</h2> 

Aunque claro no hay ni una sola lección en que no encuentres al menos una falta de 
		 				escritura, pero bueno eso se le puede pasar ya que ha de hacerlo de manera rápida y se le han de escurrir los 
						dedos jajajaa.</p>	
</div>	 
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

y esta la hoja css
*{text-indent:0px; margin:0px;padding:0px;border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; 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 }
#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: white; border-left: black 1px solid ; border-right: black 1px solid ;height:85px }
#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:180px}
#contenido {background-color: orange ; border-left: 1px solid black ; border-right: 1px solid black}
#contenido p {padding: 5px 10px 0px 10px; text-indent: 15px}
#menu {background-color: yellow ; 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; background-image: url(objetos/menu-parte-superior.gif);padding-top:12px }
#pie {background-color: white; 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: brown; font-size:1.0em; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

de antemano les agradesco su ayuda.
hola

si te dijera tooodo lo que yo veo

te asustas jejejej

peero el fallo es que cerraste mal el ul del menu

<ul><h1>Titulo de sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4<ul/>
    </div>

    va asi



    lo checas y nos avisas
  • caray jejeje no habia visto eso, gracias yaneth....

    pero que crees.... que sigue igual :(

    y otra cosa que se me olvido poner es que en explorer el color que tiene el titulo de ese menu es azul y en firefox es cafe :?

    gracias....
    Bueno pues ya quedo arreglado, aunque al parecer el problema no estaba en los enlaces del menu lateral, sino en los enlaces de la capa de navegacion, que gracias a Yaneth que me hizo ver que me faltaban algunas cosas y encontre que dichos enlaces de la barra de navegacion hacía falta cerrarlos en la hoja html con lo que quedó asi:

    Antes
    <div id="navegacion"> 
          <ul> 
              [*]<a href="#">Sección 1 
              [*]<a href="#">Sección 2 
              [*]<a href="#">Sección 3 
              [*]<a href="#">Sección 4 
           [/list] 
    </div> 

    Despues:

    <div id="navegacion">
           <ul>
               [*][url="#"]Sección 1[/url]
               [*][url="#"]Sección 2[/url]
               [*][url="#"]Sección 3[/url]
               [*][url="#"]Sección 4[/url]
           [/list]
    </div>

    Y pues con eso ya no tengo el problema mencionado, gracias nuevamente :wink: