Ширина CSS за пределами указанного

Question

На этот сайт мой CSS

.event_a {
    width:220px;
    float:left;
    height:100%;
    padding:5px 0px 0px 0px;
}

Но три поля '.event_a' не будут сидеть рядом друг с другом. Когда я проверяю элемент в Chrome, он показывает, что ширина составляет 740 пикселей! (Что объясняет, почему они не сидят рядом друг с другом.)

Есть идеи, почему он не принимает указанную ширину или как это исправить?

Answer 1

В вашей таблице стилей есть ошибка. Удалите лишние "}":

.event1 {
    float:left;
    width:365px;
    height:100%;
    padding:5px 2px 0px 2px;
    }
    }
.event_a {