Lo he hecho mal. lo he duplicado todo, aqui el resultado:
hoja estilos:
#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 }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ;
#menu1 {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 }
#menu1 li {list-style:none ; margin: 4px 0px 4px 6px }
#menu1 h1 {text-decoration:none ; font-size:12px ;
#menu2 {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 }
#menu2 li {list-style:none ; margin: 4px 0px 4px 6px }
#menu2 h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
plantilla:
</div>
<div id="menu">
<div id="menu1>
<ul>
<h1>Titulo de seccion 1</h1>
[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url]
[/list]
<div id="menu2">
<ul>
<h1>Titulo de seccion 1</h1>
[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url]
[/list]
</div>
</div>
Se me repiten todos los menus por toda la pantalla, pero todos menos dos estan vacios. ¿que hago mal?