To proste pytanie, myślę nawet, że ktoś wcześniej o to pytał, ale nigdy nie otrzymał prawdziwej odpowiedzi.

Chcę uniknąć nakładania się granic, to takie proste. Oto przykład:

div{
   width: 400px;
   height: 150px;
   border: 1px solid red;
   border-bottom: 7px solid black;
}

Widać, że granice nakładają się w rogu.

Oto przykład na żywo:jsFiddle Przykład

To, co naprawdę chcę zrobić, to przykryć dolną granicę prawą i lewą granicą. Czy ktoś może mi powiedzieć, co mogę tutaj zrobić?