Html 当chrome 15中设置了边框半径时，边框不显示

我有以下代码： HTML:

问题是，在FireFox中，边界似乎正好出现。只要我也有chrome14，一切都很好，但最近当我升级到Chrome15时，边框只出现在两个角落。 请参见以下屏幕截图： 我在这里该怎么办？？这是一只虫子吗？？

---

如果您将

边界半径

设置为4px或更大，则可以正常工作

---

而且，您不需要这些

！重要提示

s，这是一种不好的做法。

如果您给它的

边界半径为4px或更大，它会起作用


而且，您不需要这些
！重要提示
s，这是一种不好的做法。
这是一个需要此
的大型代码的片段！重要信息
除此之外，我很想知道为什么以前版本的chrome中出现的边框一下子消失了，我必须增加边框半径？？是的，看起来像个bug。并不是我不明白，只是我太懒了，哈哈。。。我会改变的。非常感谢。这是一段需要此
的大型代码的片段！重要信息
除此之外，我很想知道为什么以前版本的chrome中出现的边框一下子消失了，我必须增加边框半径？？是的，看起来像个bug。并不是我不明白，只是我太懒了，哈哈。。。我会改变的。谢谢。
<div id="login" class="transparent-div login_leaf_class">

<input class="pointer login_fields_button" id="submit_button" type="submit" title="SUBMIT" value="SUBMIT"/>
</div>

.login_leaf_class
{
    border:solid #000 !important;
     border-top-left-radius:70% 60% ;
    border-bottom-right-radius:70% 60%;
    -moz-border-top-left-radius:70% 50%;
    -moz-border-bottom-right-radius:70% 50%;
}
div#login
{
    position:relative;
    padding:10px;
    overflow:hidden;
    margin-top:10%;
    margin-right:5%;
    color:#0000;
    float:right;
    width:300px;
    height:200px;
    font-weight:900;
    background:#FFB3FF;
    background:rgba(255,179,255,0.8);
}
.login_fields_button
{
    float:right;
    display:inline;
    background:#003300;
    color:#FFF;
    font-weight:900;
    padding:4px;
    width:100px;
    height:50px;
    border-radius:0 !important;
     border-top-left-radius:99.9% 100% !important;
    border-bottom-right-radius:99.9% 100% !important;
    -moz-border-top-left-radius:99.9% 100% !important;
    -moz-border-bottom-right-radius:99.9% 100% !important;
    border:solid #fff !important;
}