Opera vs Chrome/Chrome中的未對齊問題

Question

所以我正在學習CSS，我想出了這個非常基本的頁面，我試圖在標題和將要生效的<li>部分之間添加<hr>或其他分隔符。 Chrome似乎在頁面中添加了一個矩形（可見的Div），可以在屏幕截圖中看到（使用select-all）。如何在所有瀏覽器中正確對齊標題​​下的文本/對象？

截圖：img194.imageshack.us/img194/9017/css00.jpg

網站/來源：http://dl.dropbox.com/u/23916103/layout1.html

---

解決：顯然，這是在Opera中的錯誤，旋轉格上我的標題文本的高度設置爲0，以便它具有透明背景，由於某些未知原因，Opera用某個有效高度替換了0。

這裏有一個的screenie（http://img6.imageshack.us/img6/4315/divvs.jpg） 上，你可以看到，造成錯誤

日Thnx的答案零高度股利。

Answer 1

Firefox和Chrome似乎正在渲染它。歌劇似乎與默認邊緣有不同的爭論......你應該嘗試像normalize.css這樣的東西。而你在屏幕截圖中選擇的內容只是正文的一部分。嘗試使用chrome中的檢查元素 - 那裏沒有神祕的div！