css how to get rounded corners on button.

Question

I have a button with CSS on it and it has no rounded corners right now. I have the left and right images (corners) how can i apply them to the CSS below? Thanks for any help.

.myButton
{
    background-image: url(../../Images/SubmitButtonBack.png);
    color: White;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8pt;
    width: 160px;
    height: 22px;
    border: none;
    position: relative;
    cursor: pointer;
    margin-bottom:5px;
}

Answer 1

CSS3 allows you to do this by specifying a border-radius instead

http://www.css3.info/preview/rounded-border/