空格BUG_CSS/HTML

这篇是关于display:inline;的使用的，前几天作一个布局时，用这个效果，但始终没有出来，害得我浪费了二个小时，还多长了三行代码才解决；今天突然想起这事了，总感觉不对，因为我的思路是对的，可是效果就是出不来；于由重写代码，终于发现问题了，又是那个该死的空格BUG；

下面展示给大家看一下，同样的问题别再次出现在你的身上；

大家先看一下下边的CSS代码：

以下是布局的代码：

以下是出来的效果：


看到了吗？IE和FIREFOX中的差别了吧！
再看下边的布局代码，我全部放在了同一行上：

好了，这下看一下最后的效果吧！

问题解决的一个办法：