1. ul {list-style: none; }    li {display: block; width: 200px; height: 40px; }  

在 Chrome 下，會顯示如下的正確結果：
PPPPPPPPPPPPPPP1
但在杯具的 IE6 下，會顯示如下的情況：
PPPPPPPPPPPPPPPPP2
接下來是如何解決問題了，解決的方案有很多種，這里 Kayo 列舉幾個比較好的解決方法：

方法一
方法一也是最常用的方法了，就是為 img 標簽的父元素添加 overflow: hidden 。
li {overflow: hidden; }
這個方法比較簡單，只是父元素必須有指定的 height ，并且需要注意，某些情況下父元素可能需要顯示超出自身大小的子元素（如顯示絕對定位的超出父元素大小的子元素），這時使用 overflow: hidden 就不那么合適了。

方法二
為 img 標簽設置 margin-bottom: -5px
img {margin-bottom: -5px; }

方法三
為 img 標簽設置 vertical-align: bottom
img {vertical-align: bottom; }