Hola, en mi página tengo un estilo definido así:
.h1 {
color: rgb(157,157,83);
border-bottom: 2px solid #dddddd;
border-left: 15px solid rgb(157,157,83);
font-weight: bold;
font-size:17px;
}
Esto me sirve para hacer unos títulos con borde izquierdo de 15px y un color marrón verdoso, y un borde inferior de 2px de color gris. Lo que pasa es que veo que ambos bordes se pelean en la zona que se cruzan (esquina inferior izquierda) y el resultado es que el navegador decide ser salomónico y da una parte a un color y la otra al otro color, con lo que el resultado no es el que yo quisiera. Lo que quiero es que se quede todo para el gris, que el borde inferior ocupe todo el ancho del bloque. Se me ocurrió usar dos contenedores para hacer esto, pero me pregunto si es posible hacerlo sólo con uno.
Gracias de antemano.
