lawx lawx - 9 months ago 68
CSS Question

List items without overlapping borders

I have a

that WOULD be dynamically added to using jQuery or whatnot. Each
would have a separate box around it, basically a selector.

However, I notice and anticipated that each
's bottom border is overlapping with the next. Here's an example:

Is there a way to remove this? Should I just use separator divs instead?

li {
    margin-top: -1px;
    border: 1px solid red;
    padding: 10px;

Cheap way of doing it ><. They are not overlaping, its just 2px border from top and bottom