Взгляните на эту скрипку - у меня есть три деления, у всех из которых border-width составляет 2 пикселя. Первоначальная проблема заключалась в том, что каждый div имеет ширину границы 2px, граница дублируется между каждым div, давая общую ширину границы 4px. Я исправил это, добавив margin-top -2px на каждый div. Это приводит к тому, что элементы div закрывают границу вышеупомянутой, достигая того, что выглядит как границы вокруг.
Я хотел добавить эффект наведения к моим элементам div, поэтому я добавил следующий CSS:
#main div:hover {
border-color:#09C;
}
Беда в том, что границы верхних двух перекрыты расположенными под ними делениями, эффект наведения не выглядит правильно (нижняя граница каждого деления не выделяется).
Я хочу, чтобы у меня была граница в 2 пикселя только между каждым дивом, при этом эффект наведения на всю границу этого дива ... как я могу это сделать?