title: CSS Width Beyond Specified
body: <p>On <a href="http://www.2touchrulz.com/" rel="nofollow">this website</a> my CSS is </p>
  
  <pre><code>.event_a {
      width:220px;
      float:left;
      height:100%;
      padding:5px 0px 0px 0px;
  }
  </code></pre>
  
  <p>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.)</p>
  
  <p>Any idea why it's not accepting the specified width or how to fix it? </p>