update 20131202
If you want to use inline-block for elements,
which have width caculated by percentage of
their parent element, you should make sure:
1. "box-sizding: border-box" is set to avoid
   border overflowing
2. "display: inline-block" exists as well as
   "vertical-align: top"
3. In html source code, there is no spaces or
   carriage returns between these elements
4. Additionally, make sure comments in css section
   or css files are all contained in "/**/"