Thanks for the reply…your approach doesn’t seem to solve the problem though. If you remove the margin-bottom in your example…we end up with the same result. In the case of my example, there should be no margin.
I’ve partially found a solution using your method, but it only works when I remove _display: table_. Unfortunately I need to keep _display: table_ because other elements (not shown) use _disply: table-cell_ and depend on the parent. The border is applied outside the element when _display: table_ is used.
They do look similar…but there is a slight difference. The example without **display: table** has an inset border, while the example with **display: table** does not. The Inset border is the desired output.