CSS多層MENU問題

[Freeman]

之前改WP個THEME果時, 想係wp_list_pages()輸出既LIST上面做兩層MENU, 當HIGHLIGHT第一層果時出第二層(同好多THEME一樣)
個FUNCTION輸出左個結構大約係咁:

代碼: 選擇全部

<ul>
    <li>...</li>
    <li>I-Circle
        <ul>
            <li>The Sims</li>
            <li>BVE</li>
            <li>Swiftzer</li>
        </ul>
    </li>
</ul>

(The Sims, BVE, Swiftzer都係I-Circle既子分頁)

因為我懶得去其他THEME抄CODE, 更加唔想比IE正常睇到
所以我就打算用以下既CSS:(類似)

代碼: 選擇全部

li ul {
    display: none;
}

li:hover ul {
    display:block;
}

我之後係FX測試正常,
但去到 Opera 10 Beta
當我係hover左第一層個li而同時hover係第二層ul既時候
Opera都會CRASH左
(Google Chrome 2, Safari 4都唔正常, 唔記得咩事)

有無人知點解?