Border not appearing when there is a border radius set in chrome 15

I have the following code: HTML:

<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>

CSS:

.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;
}

The problem is, the border appears to be coming right in FireFox. Everything worked fine as long as i had chrome14 too, but recently when i updated to chrome 15, the border is appearing at only 2 corners. See the following screenshots: What should i do here?? Is this is a bug?? http://jsfiddle.net/uMYfp/1/

Answers


If you give it a border-radius of 4px or more, it works.

Demo

Also, you don't need those !importants, that is a bad practice.


Need Your Help

Content Validation in JCR

jackrabbit jcr content-repository

We are evaluating a few technologies to build a repository of WSDLs, and XSDs used within our organization. One of the options we have is to use Apache JackRabbit, that implements JCR 1.0 and 2.0. It

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.