Hola, tengo un listado a 3 columnas con el código...
UL.col3
{
text-align:left;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
background-image: url(imgapoyoprincipal/2puntosgraybn2.gif');
}
UL.col3 LI
{
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 30%;
PADDING-TOP: 2px;
background-image: url('imgapoyoprincipal/2puntosgraybn2.gif');
}
...y resulta que al ponerlo, una de las columnas de la web (hecha en 3) y que debería estar abajo "sube" a su derecha, supongo que por el float:left. No puedo poner clear ya que entonces me rompe otras columnas que hay involucradas. ¿Qué puedo hacer?