CSS Width Beyond Specified

On this website my CSS is

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

But the three '.event_a' boxes will not sit next to each other. When I inspect element in Chrome it's showing me that the width is 740px! (Which would explain why they are not sitting next to 开发者_如何学运维each other.)

Any idea why it's not accepting the specified width or how to fix it?

There is an error in your style sheet. Remove the extra "}":

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