Me surgió un problema al colocar el margen redondeado superior en los 2 menus laterales. Hice numerosas pruebas.
Comparé mi trabajo con estas URL
http://unpocodemucho.atwebpages.com/plantilla3.html (Codigo Fuente)
y
http://unpocodemucho.atwebpages.com/estilo-general3.css (Front Page)
No veo diferencias pero el error está:
MI HTML
<div id="contenido">
<div id="menus">
<div id="menu">
<ul>
<h4>Secciones</h4>
Seccion 1 Seccion 2 Seccion 3
</div>
<div id="menu2">
<ul>
<h4>Enlaces</h4>
Enlace 1 Enlace 2 Enlace 3
</div>
</div>
MI CSS
Comparé mi trabajo con estas URL
http://unpocodemucho.atwebpages.com/plantilla3.html (Codigo Fuente)
y
http://unpocodemucho.atwebpages.com/estilo-general3.css (Front Page)
No veo diferencias pero el error está:
MI HTML
<div id="contenido">
<div id="menus">
<div id="menu">
<ul>
<h4>Secciones</h4>
</div>
<div id="menu2">
<ul>
<h4>Enlaces</h4>
</div>
</div>
MI CSS
#contenido p {margin: 5px 10px 0px 10px }
#menus {width:160px; float:left}
#menu {background-color: lorange ; width: 150px ; height: 150 ; float:left ;
text-align:left ; margin: 10px 10px 3px 3px ;
background-image: url(objetos/menu-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu2 {background-color: lorange ; width: 150px ; height: 250 ; float:left ;
text-align:left ; margin: 10px 10px 3px 3px ;
background-image: url(objetos/menu-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menus li {list-style:none ; margin: 4px 8px 4px 6px ; text-decoration:none}
#menus h1 {text-decoration:none ; font-size:12px ; padding-top:12px;
background-image: url(objetos/menu-superior.gif) }
[size=18]