7、div+heightwithulandimage
當DIV設定了固定大小，而內容超出所定大小，然後後方跟著IMG時，在IE7及IE8會有相當大的差異。
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
- <head>
- <title>title>
- head>
- <body>
- <div>
- <divstyledivstyle="width:300px;height:22px;margin-top:5px">
- <ulstyleulstyle="list-style-type:none">
- <listylelistyle="cursor:hand;float:left;">
- TEST1li>
- <listylelistyle="cursor:hand;float:left;">
- TEST2li>
- <listylelistyle="cursor:hand;float:left;">
- TEST3li>
- <listylelistyle="cursor:hand;float:left;">
- TEST4li>
- <listylelistyle="cursor:hand;float:left;">
- TEST5li>
- <listylelistyle="cursor:hand;float:left;">
- TEST6li>
- ul>
- div>
- <ahrefahref="http://www.hinet.Net>">
- <imgsrcimgsrc="21565.jpg"width="300px"height="200px"/>
- a>
- div>
- body>
- Html>
很明顯的，IE7會尊重DIV所制定的大小來安排後面的IMG位置，所以在圖14上看不出有何問題，但是在IE8裡，當內容超出制定大小時，
IMG位置會順移開，所以就造成了此問題。在實務上，這算是相當常見的相容性錯誤。
解決方法很簡單，將要被蓋住的那個LI移掉就好了，這本來就是錯誤的設計。
8、p的子控件對齊
有些網頁設計師習慣使用P加上子控件來描繪單行輸入+按紐的樣式，這些網頁在IE8上會有或許的差異，如果裡面使用的IMG太多，
差異就會大到很難忽視。
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
- <head>
- <title>title>
- head>
- <body>
- <p>
- <inputtypeinputtype="text"/>
- <imgsrcimgsrc="add2.png"height="16px"width="16px"/>
- p>
- body>
- Html>
很明顯，IE7會對IMG置中於P，但IE8不會。這類問題很難解決，需要透過CSS判斷IE版本來提供不同的CSS，讓兩者趨近相同。
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <HtmlXMLnsHtmlXMLns="http://www.w3.org/1999/xHtml">
- <head>
- <title>title>