html - Chrome での境界半径の変更

Question

UL をラップしている DIV で border-radius を使用すると、UL 内のリンクをホバリングした後、Chrome で半径が失われます。

<div class="menu">
<div class="middle">
    <ul class="bmenu">
        <li><a href="#home"/>Home</a></li>
        <li><a href="#cv"/>CV</a></li>
        <li><a href="#projects"/>Projects</a></li>
        <li><a href="#contact"/>Contact</a></li>
    </ul>
</div>
</div>

例を次に示します: http://jsfiddle.net/TYgP6/

誰でも助けることができますか？

Answer 1

bmenu クラスでは、position:relative を削除する必要があります。

.bmenu{/*position:relative;*/}

ここで同じものを更新しました。ご覧いただけます。お役に立てれば。