Итак изображения у нас по кончикам div-ов соответственно, круглые. Причем! Однописельной ширины.
Пихаю 8 (может я не прав?) фоновых изображений для них. 4 - закругления + еще 4 линейные (прямые) продолжения - это на картинке они со всех сторон для простоты однотипно-тонюсенькие, что можно было бы сделать через border, на практике иначе, они со всех сторон иного цвета.
То была теория, а то практика:
Помещаю "в" div-ы, а далее Плохо, очень ПЛОХО:
Из-за помещения во внутренний блок какого-либо содержимого, правая граница и правый верхний и нижний сектор полугружков, да ребята, уплывают тоже на право... и смещаются примерно всего на 1-2 тех самых необходимых пикселя! Что делать голову поломал.
Аттач прикрепляю, зеленое - однопиксельные линии, красное - допустим ГРУБЫЕ фрагменты резки, в реале не больше 5х5px. Cерая обводка - та часть которая уплывает при помещении содержимого (внутри)
