Text input top and left border appears wrong

Question

I have a text input but the color is not right on top and left border, why is this, and how can I fix this?

http://jsfiddle.net/9ehBs/

HTML

<input type="text" class="searchbox" />

CSS

.searchbox
{
    width: 200px;
    height: 30px;
    padding: 10px;
    font-size: 28px;
    font-weight: 900;
    font-family: Ebrima;
    color: rgb(54,54,54);
    border-width: 13px;
    border-color: rgb(46,94,115);
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

Answer 1

You need border-style: solid. See your updated fiddle.

It would be much more efficient to use the shorthand, i.e. border: 13px solid rgb(46,94,115);

Answer 2

border: 13px solid rgb(46,94,115);

easier in one row ... hope it helps