Div И рисование Геометрических фигур

[Stripped]

Ребят такая ситуация вот я с помощью css нарисовал трапецию ,вот код:#trapezoid {

border-bottom: 100px solid red;

border-left: 50px solid transparent;

border-right: 50px solid transparent;

height: 0;

width: 100px;

}

потом присваиваю это css правило div контейнеру мне нужно чтобы была рамка горизонтальная по всему сайту с низу из трапеций как это реализовать,думал насчёт функции repeat но она подходит только для background image

[CalvinKlein]

ну так сделайте изображение и поставьте ему repeat-x

[Stripped]

Так в этом фишка я задание делаю именоо нужно использовать без изображений средствами css

[Int]

Сдублировать яваскриптом только. Ну или сразу в коде сделать несколько таких блоков.