Question: ![is it cooled like this on your screen ?](https://i.stack.imgur.com/bTdAi.png)![heres the screenshot](https://i.stack.imgur.com/VnJY3.png)I'm using dotted borders with round corners but I'm getting a problem. The corners are in a deeper color than the side borders. I want all to be of the same color.

If you see the output of my code then you could understand the problem. heres my code:

```
<form action="checklogin.php" method="post">
    <table style="border:1px dotted #0000ff;-moz-border-radius:7px;
        -webkit-border-radius:7px;border-radius:7px;" align="center">
        <caption><b>Admin Login</b></caption>
        <tr>
            <td>Username : </td>
            <td><input name="username" id="username" type="text" /></td>
        </tr>
        <tr>
            <td>Password : </td>
            <td><input name="password" id="password" type="password" /></td>
        </tr>
        <tr>
            <td></td>
            <td><input name="submit" id="submit" type="submit" value="Log in" /></td>
        </tr>
    </table>
</form>

```

Please tell me how can I fix it.

Thanks.

[ **RESOLVED:** Thank you so much everybody for your kind replies.]

Answer: 
The solid corners are a limitation of Firefox (and other Gecko-based browsers). [MDN says](https://developer.mozilla.org/en-US/docs/CSS/border-radius):

> 
> Dotted and dashed rounded border corners are rendered as solid in Gecko; see [bug 382721](https://bugzilla.mozilla.org/show_bug.cgi?id=382721).
> 
> 
>
Why not something like 

```
<form action="checklogin.php" method="post" style="display:block;border:1px dotted #0000ff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:10px; width:200px; padding:10px; margin-left:auto; margin-right:auto;"  >
<h2 style="text-align:center; font-weight:bold">Admin Login</h2>
<labe for="username">Username : </label>
<input name="username" id="username" type="text"/>
<labe for="password">Password : </label>
<input name="password" id="password" type="password" />
<input name="submit" id="submit" type="submit" value="Log in" style="display:block" />
</form>​

```

You will avoid the table and for users it is easier to process labels on top of the inputs not on left. You can check it here [jsfiddle](http://jsfiddle.net/CvRQJ/)