Por favor, una ayuda!
Pongo el HTML resultante en esa parte del documento y el CSS correspondiente, poniendo solo los estilos y propiedades que tienen que ver con la maquetación:
Código HTML:
<div id="header">
<div id="esquina_sup_izq">
<div id="esquina_sup_der">
<div id="esquina_inf_izq">
<div id="esquina_inf_der">
<div id="contenedorHeader">
<div class="right">
<div class="currency">moneda
<a href="/index.php?currency=USD"><img src="images/icon_currency1.gif" width="19" height="10" alt="" border="1"/></a>
<a href="/index.php?currency=EUR"><img src="images/icon_currency2.gif" width="19" height="10" alt="" /></a>
</div>
<form action="advanced_search_result.php" method="get">
búsqueda de producto:
<input type="text" tabindex="1" class="input width1" name="keywords" />
<input type="image" src="images/btn_search.gif" class="btn_search" />
</form>
</div>
<a href="index.php"><img src="images/perfumes2008_storelog.gif" border="0" /></a>
</div> <!--de contenedorHeader-->
</div> <!--de esquina_inf_der-->
</div> <!--de esquina_inf_izq-->
</div> <!--de esquina_sup_der-->
</div> <!--de esquina_sup_izq-->
</div> <!--de header-->
<div class="menu">
<ul class="es">
<li><a href="shop.php?cPath=1" class="first">Perfumes Mujer</a></li>
<li><a href="shop.php?cPath=2" class="menuItem2">Perfumes Hombre</a></li>
<li><a href="shop.php?cPath=6" class="menuItem3">Ofertas</a></li>
<li><a href="shop.php?cPath=3" class="menuItem4">Sets de Regalo</a></li>
<li><a href="shop.php?cPath=13" class="menuItem5">Maquillaje</a></li>
<li><a href="shop.php?cPath=12" class="menuItem6">Cosmética</a></li>
<li><a href="shop.php?cPath=9" class="last">Baño & Aseo</a></li>
</ul>
</div>
Código HTML:
#header {
clear:both;
}
.menu {
clear:both;
height:33px;
line-height:33px;
}
.menu li { float:left; }
.menu li a {
display:block;
width:133px;
height:33px;
text-align:center;
}
#esquina_sup_izq {
background-image:url(images/esquina_sup_izq.gif);
background-repeat:no-repeat;
background-position: top left;
}
#esquina_sup_der {
background-image:url(images/esquina_sup_der.gif);
background-repeat:no-repeat;
background-position: top right;
}
#esquina_inf_izq {
background-image:url(images/esquina_inf_izq.gif);
background-repeat:no-repeat;
background-position: bottom left;
}
#esquina_inf_der {
background-image:url(images/esquina_inf_der.gif);
background-repeat:no-repeat;
background-position: bottom right;
}
#contenedorHeader {
padding: 10px 6px 10px 16px;
}
Espero que alguien me pueda dar alguna pista sobre lo que ocurre.